Vue插件开发通用模板

开发Vue插件的时候,使用Vue CLI虽然方便,但总觉得有点不够灵活。尤其是想要做一些自定义配置时,webpack 的配置就显得有点繁琐。每个插件的复杂度不同,需要的配置也不一样。所以呢,自己写个基础的通用模板,能够让你在开发Vue插件的时候,省去好多麻烦。你只需要拿这个模板作为基石,轻松搞定各种插件开发。这样能减少不少配置上的时间,把精力集中到插件的开发上,提升工作效率。

如果你想要深入了解webpack的配置,推荐看看这几篇文章,它们会你更好理解Vuewebpack的搭配。

Vue CLI Webpack 配置解析
webpack-vue-cli
vue-cli 脚手架中 webpack 配置详解
Vue CLI PWA 模板基于 Webpack 的 PWA 开发模板
Vue CLI3 开发 Chrome 插件实践详解
Vue CLI 2.0 配置文件详解

,如果你是 Vue 插件开发的新人,或者刚刚入门的同学,可以参考这个模板来入手。开发过程中需要调整的地方也挺多,但只要掌握了基本配置,你会觉得省心不少。

zip
vue插件开发模版.zip 预估大小:14个文件
folder
vue-plugins-template-master 文件夹
file
yarn.lock 197KB
file
.browserslistrc 33B
file
.eslintrc.js 363B
folder
src 文件夹
file
demo.vue 365B
folder
build 文件夹
file
webpack.dev.js 1KB
file
webpack.base.js 2KB
file
webpack.build.js 3KB
file
README.md 672B
file
.gitignore 73B
file
index.js 160B
file
package.json 1KB
folder
dev 文件夹
file
index.html 275B
file
app.vue 176B
file
index.js 145B
zip 文件大小:62.37KB