webpack学习笔记
webpack作为模块加载和打包神器 安装node就有npm了，用npm安装webpack npm i webpack webpack-cli -g 安装全局的webpack 到项目目录下，npm init -y 初始化模块 npm i webpack webpack-cli -D 安装项目局部的webpack，-D是–save-dev的意思，推荐使用 webpack 入口文件名 最后输出到哪个文件的文件名，例如： npx webpack A.js B.js 那么就会编译A.js，输出到B.js webpack只能处理JavaScript，处理其他类型的文件，需要安装几个包 npm install css-loader style-loader 假设有个一个abc.css文件，里面定好了样式 那么修改A.js require("!style-loader!css-loader!./abc.css"); document.write(require("./C.js")); 再打包一次 npx webpack A.js B.js 会出现一个C.js 配置webpack.config.js module.exports = { entry: '入口文件的路径', output: { path:__dirname, filename: '最后输出到哪个文件的文件名' }, module: { rules: [{ test: '处理什么格式的文件', use:[ { loader: '依赖包' } ] } ] } }; 模块化...