vue项目调用通用组件_用Vue开发通用组件（含vuex）并发布到npm

创建项目

推荐使用 vue init webpack-simple project-name

webpack配置

var path = require("path");

var webpack = require("webpack");

const NODE_ENV = process.env.NODE_ENV;

const VueLoaderPlugn = require("vue-loader/lib/plugin");

module.exports = {

entry: NODE_ENV == "development" ? "./src/main.js" : "./src/index.js",

output: {

path: path.resolve(__dirname, "./dist"),

publicPath: "/dist/",

filename: "v-drawer.js", // npm run build生成的文件名

library: "v-drawer", // 指定的就是你使用require时的模块名

libraryTarget: "umd", // 指定输出格式

umdNamedDefine: true // 会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define

},

module: {

rules: [

{

test: /\.css$/,

use: ["vue-styl