方沐雨

首先要下载vue，然后在main.js导入 npm install vue@next 加载vue文件需要对应vue-loader，使用vue-loader，需要调用其内部插件VueLoaderPlug

跨域是客户端与服务端之间产生的，后端服务器之间请求是不会有跨域问题的。Proxy就相当于客户端把接口请求代理到一个服务器，让这个服务器去请求目标服务器，再将数据返回的一种解决跨域方案。 假设我们本地前

webpack热编译开启方式： 1.watch方式(用的比较少,不使用live server无法实时更新页面) 2.webpack-dev-server:配置指令,并不会输出任何文件，打包后的静态资源

Babel:将ES6+的代码转换为向后兼容版本的代码 在webpack使用babel需要下载babel-loader

在代码里故意写行错误代码，在控制台跳转的报错地点时无法很好的定位问题 为了方便调试代码，及时发现报错代码来源，需要对webpack.config.js进行配置 设置后控制台定位问题的结果如下，跟我们编

CleanWebpackPlugin:重新打包时清空打包目录的插件 npm install clean-webpack-plugin -D HtmlWebpackPlugin:打包目录下生成html模

在webpack5之前，需要下载file-loader，url-loader来处理图片文件。之后则是使用内置的一个asset的模块直接处理，无需下载。使用方法类似，这里直接就讲asset的使用。跟cs

解析css、less文件，需要下载css-loader和less文件，解析完之后需要借用style-loader插入html中 npm install css-loader -D npm instal

先创建基础目录结构,注意，此时webpack默认打包入口文件为src/index.js，必须是这个名字不然会报错，后面是可以变更入口文件的,js文件夹是对应的模块导出 第一步：在目标文件夹创建包管理工