您现在的位置:首页 >> 前端 >> 内容

webpack部署以及分离第三方库

时间:2017/2/24 22:23:00 点击:

  核心提示: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

Tags:WE EB BP PA 
作者:网络 来源:小梦想丶的专栏