用于对模块源码的转换，loader描述了webpack如何处理非javascript模块，并且在buld中引入这些依赖。loader可以将文件从不同的语言转换为JavaScript，或者将内联图像转换为data URL。module.rules可以指定多个

如果想自己改动，那么要自己创建配置文件，另外进行配置、改动。

　　html文件:默认不能使用HMR功能,同时会导致问题:html文件不能热更新了~css样式文件:可以使用HMR功能:因为style-loader内部实现了 使用方法:hot:true

今天下午请假，忙完手头事之后，在家实在无聊，想着从0开始搭建一个 react 的项目。webpack 基本配置之前研究过，没什么大问题。谁想，在 react-router 的配置时出现了个大坑。router 版本采用最新的5版本。官网提供 browserr

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

npm install //运行npm install 咳根据package.json中的配置自动安装所有的依赖包。npm uninstall //卸载依赖包 如果 npm uninstall <packagename> --save-dev

除了node_modules，因为它包含的文件特别多，复制粘贴到另一个项目文件夹下时间比较长，我们可以在终端重新安装。由于我们是用vue写代码，所以我们需要安装vue包并导入。为什么通过import导入vue，就成了runtime-only模式？

由于不同的平台上配置环境变量的语法是不同的，为了一种写法兼容多种平台，因此需要安装配置环境变量的插件。// 请确保引入这个插件！host:‘0.0.0.0‘, // 既可以通过localhost，也可以通过内网ip

为什么要使用babel插件？首先要了解babel插件是干嘛的，随着js的语法规范发展，出现了越来越多的高级语法，但是使用webpack打包的时候，webpack并不能全部理解这些高级语法，需要我们使用一些插件来把高级语法，转为低级语法后打包。babel就是

想必大家在开发 SPA 项目的时候，项目中都会存在十几甚至更多的路由页面。如果我们将这些页面全部打包进一个 JS 文件的话，虽然将多个请求合并了，但是同样也加载了很多并不需要的代码，耗费了更长的时间。那么为了首页能更快地呈现给用户，我们肯定是希望首页能加载

publicPath: process.env === ‘production‘ ? ‘dist‘ : ‘/‘。extensions: [‘.less‘, ‘.jsx‘, ‘.js‘],‘components‘: ‘src/components‘,‘con

在网页中会引入哪些常见的静态资源？如何解决上述两个问题？webpack是前端的一个项目构建工具，它是基于node.js开发出来的一个前段工具。##如何完美实现上述的2中方案？----根据官网的图片介绍webpack打包的过程；

　　接下来进行打包验证。npx webpack，输出结果部分如下。　　然后执行测试下打包输出文件main.js，这里测试有两者方法。直接使用node环境测试。新建html文件，引入js脚本然后启动验证。　　接下来执行live-server启动，然后浏览器测

module.exports=function{ // source：引入文件的内容。其实不然，而是通过this：。　　resolveLoader属性会帮我们先去node_modules下面找该loader，若不存在，会去loaders下面找。　　当

在使用webpack打包时，将css代码从bundle.js中抽离出来，单独出一个模块，需要用到extract-text-webpack-plugin插件。在webpack4中，用mini-css-extract-plugin替代。

Critical dependency: the request of a dependency is an expression

你可以选默认的包含了基本的Babel+ESLint设置的preset，也可以选手动选择特性来选取需要的特性。TypeScript: javascript类型的超集。Progressive Web App Support: 支持渐进式的网页应用程序。　　v

webpack是一个前端模块化工具,简单解释:webpack就是处理多个文件,根据设置的规则,对文件进行合并和修改.webpack的规则设置在webpack.config.js文件中.实际开发中,产品有多个环境比如开发环境/测试环境/线上环境,每个环境的配

在vscode上搭建一个vue项目---初学总结。打开VScode的终端，调出命令输入框。点击终端-新建终端，输入上述命令，回车，等待安装完成。其中myvue就是项目名称，根据喜好自己取。然后继续等待安装依赖项。　　npm install --global

"target": "es2017","baseUrl": "./",},