参考:关于vue的npm run dev和npm run build的区别介绍
npm run dev | npm run build | |||
---|---|---|---|---|
执行的文件 | npm run dev 执行的文件build/dev-server.js文件。 build/dev-server.js文件,执行了: | npm run build 执行的是build/build.js文件。 build/build.js构建环境下的配置,主要完成下面几件事: | ||
依赖的webpack配置文件 | dev-server依赖的webpack配置是webpack.dev.conf.js文件,在webpack.base.conf的基础上增加完善了开发环境下面的配置, 主要包括下面几件事情: 1.将hot-reload相关的代码添加到entry chunks 2.合并基础的webpack配置 3.使用styleLoaders 4.配置Source Maps 5.配置webpack插件 | 构建的时候用到的webpack配置来自webpack.prod.conf.js,该配置同样是在webpack.base.conf基础上的进一步完善。 主要完成下面几件事情: 1.合并基础的webpack配置 2.使用styleLoaders 3.配置webpack的输出 4.配置webpack插件 5.gzip模式下的webpack插件配置 6.webpack-bundle分析 说明: webpack插件里面多了丑化压缩代码以及抽离css文件等插件。 | ||
webpack基础配置 | webpack.base.conf.js主要完成了下面这些事情: 1.配置webpack编译入口 2.配置webpack输出路径和命名规则 3.配置模块resolve规则 4.配置不同类型模块的处理规则 这个配置里面只配置了.js、.vue、图片、字体等几类文件的处理规则, 如果需要处理其他文件可以在module.rules里面配置。 |