灬Manong 博客

前因webpack 自身可以自动加载JS文件，就像加载JSON文件一样，无需任何 loader。可是，加载的JS文件会原样输出，即使JS文件里包含ES6+的代码，也不会做任何的转化。那么我们就需要Babel帮忙了，Babel 是一个 JavaScript 编译器，可以将 ES6+ 转化成 ES5。在Webpack里使用Babel，需要使用 babel-loader依赖安装npm install -D babel-loader @babel/core @babel/preset-envbabel-

一、单个项目多环境配置1.在根目录创建一下文件.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境配置文件 development 模式用于 vue-cli-service serve.env.production 生产环境配置文件 production 模式用于以下两个script命令 vue-cli-service build vue-cli-service test:e2e.env.test

前言Web 应用日益复杂，相关开发技术也百花齐放，这对前端构建工具提出了更高的要求。 Webpack 从众多构建工具中脱颖而出成为目前最流行的构建工具，几乎成为目前前端开发里的必备工具之一，因此每位紧跟时代的前端工程师都应该掌握 Webpack。官方中文文档https://webpack.docschina.org/concepts/loaders/#configurationwuhaolin 入门、配置、实战、优化实例http://webpack.wuhaolin.cn/...