摘要：
要安装less-loader 还有less 模块 要在less里用背景图片，用了相对路径来引入图片 background: url(../assets/img/logo.png);，这时候会报无法解析图片 这是在webpack.config.js里要做设置 要用多个样式 样式里要给属性设置样式 例如 阅读全文
摘要：
path.resolve([...paths]) require.resolve __dirname __filename 阅读全文
摘要：
常用得plugins HtmlWebpackPlugin 这个插件的作用是依据一个简单的index.html模板，生成一个自动引用你打包后的JS文件的新index.html。这在每次生成的js文件名称不同时非常有用（比如添加了hash值）。 这个插件自动完成了我们之前手动做的一些事情，在正式使用之前 阅读全文
摘要：
插件（Plugins） 插件（Plugins）是用来拓展Webpack功能的，它们会在整个构建过程中生效，执行相关的任务。 Loaders和Plugins常常被弄混，但是他们其实是完全不同的东西，可以这么来说，loaders是在打包构建过程中用来处理源文件的（JSX，Scss，Less..），一次处 阅读全文
摘要：
正题:CSS预处理器 Sass 和 Less 之类的预处理器是对原生CSS的拓展，它们允许你使用类似于variables, nesting, mixins, inheritance等不存在于CSS中的特性来写CSS，CSS预处理器可以这些特殊类型的语句转化为浏览器可识别的CSS语句， 你现在可能都已 阅读全文
摘要：
回顾和感悟 1.直接把04的node_modules复制到05 省得下包，这时候package.json下其实是可以不用devDependencies:{"webpack":"^4.35"} 这个是npm i得时候下包用得 如果 你直接拉了需要得node_modules，不需要用npm i 命令 2 阅读全文
摘要：
感悟 把webpack得入口和出口地址进行变更，同时devServer里面contentBase得地址也要变更，这个地址是本地服务器所加载得页面所在得目录 webpack学习：如今这个目录下得webpack.config.js得配置如下 新内容：Babel Babel其实是一个编译JavaScrip 阅读全文
摘要：
回顾 06学了babel模块，并把babel模块配置拆成了.babelrc文件，webpack会自动去引用。然后把Greeter和main.js改成了react写法，babel模块引入得写法如下: 步骤 1.复制上一个文件夹得package.json 2.复制上一个文件夹得webpack.confi 阅读全文
摘要：
使用webpack构建本地服务器 想不想让你的浏览器监听你的代码的修改，并自动刷新显示修改后的结果，其实Webpack提供一个可选的本地开发服务器，这个本地服务器基于node.js构建，可以实现你想要的这些功能，不过它是一个单独的组件，在webpack中进行配置之前需要单独安装它作为项目依赖 dev 阅读全文
摘要：
回顾 1.原始方法 1.npm init 创建package.json 2.npm i webpack -D 3.webpack 入口文件地址(以package.json这层文件夹去找) -o 出口文件地址 --mode development 2.高级一点（webpack.config.js) 1 阅读全文