安装完后，打开cmd命令行界面。安装yarn(fackbook依赖管理工具与Npm功能一样，推荐使用！！！--- 是否安装vue路由 -->. --- 是否启动ESLint代码检测 -->. --- 是否设置单元测试 -->. --- 是

loader是一种打包的方案，webpack默认只识别js结尾的文件，当遇到其他格式的文件后，webpack并不知道如何去处理。此时，我们可以定义一种规则，告诉webpack当他遇到某种格式的文件后，去求助于相应的loader。实际开发中我们会有各种各样的

一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。当然需要创建两个html，即i

①先下载安装-D所需要的loader。②在webpack.config.js文件的modules节点下，创建一个rules规则，这个规则是1个数据，然后在数组中添加，处理这种文件的匹配规则。样式中出现了背景图路径，造成webpack无法处理，所以我们需要第

是嵌套在app里面和web项目的一些静态公用页面，相互之前没有什么关联，通过地址栏来language来切换页面的语言。通过地址栏的language参数的值来展示不同语言。var query_lg = _common.getQuery || ‘hindin

使用webpack内置的插件DefinePlugin 允许创建一个在编译时可以配置的全局常量。创建一个webpack.base.js, 然后在webpack.prod.js和webpack.dev.js中引入。之后运行时可用参数来指定配置文件。

Webpack实际是用Node.js写的，所以要先安装Node.js环境。而且Node.js中集成了NPM包管理，我们在后面用到的很多模块都需要使用NPM下载。首先进入Node.js的官网，选择对应系统下载安装包，对于 windows 用户，直接下载安装包

　　1.安装必要工具;　　Project Name：要创建的项目名称；　　Project Description：项目简介，也会出现在package.json文件中，可选;　　Author：作者，可选；　　Install vue-router：是否安装vu

npm install webpack --save-dev 向开发环境添加依赖。在项目根目录下新增一个webpack.config.js文件，在文件中配置出口和入口,配置完，后台直接wenpack就可以生成打包文件了。下载自动编译工具 webpack-d

0配置，webpack4受Parcel打包工具启发，尽可能的让开发者运行项目的成本变低。提供了针对插件和钩子的新API。所有的hook由hooks对象统一管理，它将所有的hook作为可扩展的类属性。不推荐全局安装 webpack。这会将你项目中的 webp

制作了一套自己的组件库，并发布到npm上，项目代码见GitHub。内部代码详见GitHub，如果对你有所帮助，给个star吧 。为了使项目能上传到npm上，需要配置一些地方。dist文件夹下文件是要导出的文件，所以在.gitignore文件中把dist/去

gulp实现自动化压缩js，css，less代码等，--save-dev是开发时依赖，项目打包后不需要继续使用的。当直接在终端运行命令时在全局环境中查找，在开发中，我们不仅要处理js文件，还要将cs，typescript，图片，es6等转换成浏览器能够处理

　　网页中引入静态资源多了以后会出现什么问题？　　npm install webpack --save-dev 向开发环境添加依赖。　　在html中引用main.js文件，在mian.js文件中又引用其他js文件，这时就存在了一些js文件的依赖问题以及语法

配置了sourceMap会导致打包变慢，因为它要在打包过程中构建映射关系。在dist目录下会多出一个main.js.map文件，里面存在这映射关系。使用以上配置我们会发现map文件不见了，但是还可以看到具体的出错位置，是因为映射文件直接以base64的形式

开了一个9000端口，又开了一个8881端口，在9000端口访问页面，数据接口是8881，这样就产生了跨域，如何解决?

使用Vue开发的项目在用Webpack打包之后vender和app这两个js文件可能很大，而且有很多的map文件，其体积也不小，那么如何优化打包后体积呢？‘echarts‘: ‘echarts‘,‘axios‘: ‘axios‘,

　　1.1 package.json文件里加入以下命令，　　1.2然后控制台运行 npm run report　　1.3 结果：会在dist文件夹里生成 report.json。　　2.1 安装 npm installstats-webpack-plugi

创建vue项目前，检查系统是否具备创建项目的条件。下面的my_vue_pro是vue项目名字。　 vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。

我刚入门webpack就被版本问题坑一脸，以此第一篇博客记录一下我踩过的坑~~~- configuration has an unknown property ‘mode‘. These properties are valid:. 解决：extract-

create-react-app：可以用来快速创建react项目-g：全局安装create-react-app脚手架工具，这个步骤只需要执行一次。由于服务端代码需要部署到服务器，为了方便操作，先创建react项目，然后在react项目目录下创建expres