卡尔特斯

在手动设置之前，可以看一下 Vue-Cli 官方的 环境变量和模式 。通常开发运行项目时候只需要一个development（开发环境），打包时候却可能需要多种环境（测试环境、uat环境、正式环境），那么我们就需要添加支持多种环境的包，其实也就是每个一个环境对应一个配置文件。新建一个Vue项目 Vue升级3.x以及项目创建 vue create vue-webpack-test创建完成之后是这样的：创建配置文件在根目录下创建 .env.development（开发环境）..

我在上一篇文章：【Webpack4 创建项目以及打包一个JS文件】 已经搭建过环境以及创建过项目了。1、创建一个文件夹 webpack，通过命令行 cd 到该文件夹$ cd /webpack2、进行初始化$ npm init3、如果没有安装 webpack、webpack-cli 可以看顶部文章进行安装。4、安装 webpack-dev-server$ npm install webpack-dev-server --save-dev5、安装完成之后，在当前目录创建一个 main.js

我在上一篇文章：【Webpack4 创建项目以及打包一个JS文件】 已经搭建过环境以及创建过项目了。1、创建一个文件夹 webpack，通过命令行 cd 到该文件夹$ cd /webpack2、进行初始化$ npm init3、安装 babel$ npm install -D babel-loader @babel/core @babel/preset-env4、然后我们新建一个 main.js 以及一个 index.html，跟上一个文章中一样用于测试5、创建 webpack.con

我在上一篇文章：【Webpack 安装】 已经搭建过环境了。1、创建一个文件夹 webpack，通过命令行 cd 到该文件夹$ cd /webpack2、进行初始化，除了 package name 需要手动设置，其他都可以直接按回车就行了，后面自己在改也没事$ npm init注意在填写项目名称的时候，修改一下名字，默认是叫 webpack, 但是我们下一步需要依赖 webpack，会报错文字已存在，所以记得修改一下名字就行package name: (webpack) dzm3、安装

Webpack官网、Node.js官网、npm官网、npm中文官网、npm使用以及命令含义Webpack 需要基于 Node.js、npm如果是使用 Vue 进行开发，vue 自带的脚手架里面就包含了 Webpack，可以直接项目内使用。当然也可以自己在安装一个自己玩使用，毕竟那个是在脚手架里面的，外部还是可以在安装一个自己玩的。MAC电脑 Node.js 、npm 推荐使用 Homebrew 进行安装管理$ brew install node$ brew install n..