核心提示:webpack部署以及分离第三方库,在上线的时候和调试时候的区别不是很大,只需要修改下一些配置文件和一些优化处理。处理webpack.deploy.config.js首先将webpack.develo...
webpack部署以及分离第三方库,在上线的时候和调试时候的区别不是很大,只需要修改下一些配置文件和一些优化处理。
处理webpack.deploy.config.js
首先将webpack.develop.config.js中的文件拷贝过来 头部引入webpack const webpack=require("webpack")修改module.exports对象上的entry为:
{ app:path.resolve(__dirname,'src/js/app.js'), vendors:['react','react-dom'] // 此处是第三方包 }
修改module.exports 中的output为:
{ path:path.resolve(__dirname,'deploy/js'), filename: 'bundle.js' }
在module.exports对象上添加一个新的属性plugins,值为:
new webpack.optimize.CommonsChunkPlugin('vendors','vendors.js' )
最后在package.json文件中的scripts添加一项:
'deploy':'webpack --config webpack.deploy.config -p'
-p 可能是 production的意思(猜测) 添加此参数可进行压缩,混淆代码。
最终cli运行:
$ npm run deploy