npm打包vue项目_vue程序打包

莫娜号 1

vue编译打包速度优化

2、在package.json的scripts加上

1、首先在config文件夹下配置webpack.dll.config.js(内容如下),要打包的模块的数组可以将一些较大的依赖放进vendor中

npm打包vue项目_vue程序打包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安装的,而自己之前的项目都是通过