摘要：
缓存 缓存就是读取计算机内存中的文件，作用就是提高代码的性能。 目录结构 index.js文件 import './index.css'; import {a} from "../src/js/a.js" console.log(a,'a'); 此时进行webpack打包 第一次请求服务器地址127 阅读全文
摘要：
HMR热替换 HMR的配置只适用于开发环境，因为生产环境没有devServer 目录结构： 之前使用的开发环境，如果修改了其中一个文件的代码，保存之后所有的文件都会进行一次重新编译，比如我们修改了css代码，但是js文件没有进行修改，但是保存之后，js文件也会重新进行编译 index.html <! 阅读全文
摘要：
当webpack进行打包的时候，可能会遇到错误和警告信息，那么此时信息的位置很重要。 比如我们一共有a.js、b.js两个文件，通过webpack后会打包到build.js文件中。此时a.js文件中有错误信息，但是提示信息会在build.js文件中输出，并且输出结果是通过打包编译甚至是压缩后的结果， 阅读全文
摘要：
目录结构： // 开发服务器环境 devServer: { // 运行代码的目录 contentBase: resolve(__dirname, "build"), // 端口号 port: 3000, // 自动打开浏览器 open: true }, 1> host域名的配置 host: "127 阅读全文
摘要：
1> alias的配置 alias参数是一个对象，内部表示要设置的别名，一般是绝对路径的别名 resolve: { alias: { // 别名的设置 "@": resolve(__dirname, "./src") } }, @就是别名，此时可以替代src文件夹 比如b.js文件的引入c.js，使 阅读全文
摘要：
module的详细配置 module中的rules的详细配置项 module: { rules: [ { // 正则匹配文件类型 test: /\.css$/, // 使用loader名称，单个loader，和use属性互斥使用 loaser:"css-loader", // use是一个数组，内部 阅读全文
摘要：
output的详细配置 目录结构： 1> filename的配置 filename指的是出口文件的名称 // 出口文件 output: { // 出口文件名称 filename: "build.js", // 智能合并路径，绝对路径 path: resolve(__dirname,'build') 阅读全文
摘要：
官网地址: https://webpack.docschina.org/configuration/entry-context/ entry的详细配置 目录结构 entry入口可以有多种形式，这种为字符串形式 entry: "./src/index.js", 此时代表webpack的入口文件数量为1 阅读全文
摘要：
在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，在webpack中它的用途是判断或者设置生产环境或开发环境的依据 生产环境没有dev 阅读全文
摘要：
devServer指的是用webpack开发服务器环境，需要注意的是devServer的配置只能在development（开发环境中） 安装依赖 npm install webpack-dev-server -D webpack.comfig.js const { resolve } = requi 阅读全文