vue编译打包速度优化
2、在package.json的scripts加上1、首先在config文件夹下配置webpack.dll.config.js(内容如下),要打包的模块的数组可以将一些较大的依赖放进vendor中
npm打包vue项目_vue程序打包
npm打包vue项目_vue程序打包
vue-cli2.0项目目录结构
3、运行npm run dll就可以生成vendor-manifest.json和vendor.dll.js
4、然后在index.htmlexclude: /node_modules/中引入vendor.dll.js
然后就可以正常的进行编译打包,会发现将更多的依赖放到vendor,打包速度越快
优化前
大概平均可以节省三分之一的时间。参考 webpack中文网
npm安装vue的初体验
我们知道使用webpack打包vue项目后会生成一个dist文件夹,dist文件夹下有html文件和其他css、js以及等,那么打包后的文件该如何正确运行呢?最近接手了一个半成品项目,是一个vue开发2.修改build/utils.js文件,修改publicPath的后台管理系统。拿到项目后,发现跟自己之前开发的vue项目不太一样,以下是该项目的文件目录结构:
一、使用工具:webpack、react一番研究后得知该项目是通过npm安装的,而自己之前的项目都是通过