Vue CLI 3.0配置与使用注意事项详解
Vue-cli 3.0 配置其实并没有想象中那么复杂，了解了几个关键点，操作起来相当顺畅。，安装 vue-cli 简单，直接用npm install -g @vue/cli命令就行。创建项目只需执行vue create my-project，选择配置就可以了。启动项目时只需运行npm run serve，打包项目则是npm run build，这时候会生成优化过的文件，包含了预加载资源、PWA 插件、manifest/icon 链接等，性能可以说蛮不错的。尤其是启用 PWA 插件时，自动就会注入相关的资源链接，省时又省力。webpack runtime和chunk manifest清单的引入，也让项目性能得到进一步提升。不过，在使用这些功能时，记得留意配置文件中的vue.config.js，避免出现意外的配置错误哦！
在使用 vue-cli 3.0 时，有几个小建议。比如，如果你需要做多模块打包，记得关注下multi-page配置；另外，PWA和webpack结合时，如果对性能有要求，可以参考优化策略。比如，适当调整splitChunks配置，让大文件被合理分割，减小首次加载的压力。你用这些配置调试过后，应该会发现，项目的加载速度和稳定性都有了提升！
，如果你对 webpack 优化或者 PWA 配置感兴趣，可以看一下相关的参考资料。掌握了这些，你的开发效率能大大提升，项目表现也会更优！
文件大小：146.12KB
评论区