sakura_zr的博客

loader webpack将一切文件视为模块，但是webpack原生是只能解析js文件，如果想将其他文件也打包的话，就会用到loader。 所以Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。 常见loader style-loader：将CSS添加到DOM的内联样式标签style里 css-loader：允许将CSS文件通过require的方式引入，并返回CSS代码 less-loader：处理less sass-loader：处理sass postcss-loa

webpack出现的目的：前端不止有单页面还有多个页面 多页面开发的痛点： 跳转到一个新的页面 加载的时间很长 开发困难，不容易维护 模块化不好处理 通过前端工程化(webpack)就能解决多页面开发痛点的问题 Loader 加载器：js文件 png文件等打包成一个js文件，不同的文件（css/png等）需要不同的loader来加载。 相关配置： Module.expores = { //key:value Module:{ //模块 Rules:[ //规则 { Test:’/\

webpack是一个node的包，主要功能是构建前端的开发环境 核心功能：转换commonjs，加载非js资源，提供插件功能 下载 npm install webpack webpack-cli -D webpack-cli 解析一些命令：webpack-config 命令行工具执行 npx webpack index.js(要打包的文件) -o dist.js(要打包的dist文件) index.js： let a = 10; function sum() { return a + 10;