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

最后

以上就是强健期待为你收集整理的webpack 部署以及分离第三方库的全部内容，希望文章能够帮你解决webpack 部署以及分离第三方库所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。