output配置项

1
2
3
4
5
6
7
8
9
module.exports = {
  entry: path.resolve(__dirname, '../src/component/index.js'),
  output: {
    path: path.resolve(__dirname, '../dist'), // 输出的文件位置
    filename: 'main.js', // 输出的文件名
    libraryTarget: 'umd', // 输出格式
    library: 'cppVue' // 模块名称
  },
}

按不同的模块方式生成

1
2
3
commonjs/commonjs2: 将你的library暴露为CommonJS模块
amd: 将你的library暴露为amd模块
umd: 将你的library暴露为所有的模块定义下都可运行的方式

注意：commonjs和commonjs2几乎相同，只不过commonjs只包含exports，而commonjs2还包含module.exports，所以直接使用commonjs2即可。

在实践项目中的运用

首先得在src中定义想要导出的文件，一般是采用es6里的

1
2
3
export default {
  
}

参考链接