 《玩转webpack》 第二章 基础篇: webpack 基础用法的⽤用法 module.exports = { entry: './path/to/my/entry/file.js' }; 单⼊入⼝口:entry 是⼀一个字符串串 多⼊入⼝口:entry 是⼀一个对象 module.exports = { entry: { app: './src/app.js', adminApp: './src/adminApp.js' } }; 核⼼心概念之 Output { filename: 'bundle.js' }, module: { rules: [ { test: /\.txt$/, use: 'raw-loader' } ] } }; test 指定匹配规则 use 指定使⽤用的 loader 名称 核⼼心概念之 Plugins 插件⽤用于 bundle ⽂文件的优化,资源管理理和环境变量量注⼊入 作⽤用于整个构建过程 常⻅见的 Plugins 'css-loader' + ] + } + ] + } }; css-loader ⽤用于加载 .css ⽂文件,并且转换成 commonjs 对象 style-loader 将样式通过 《玩转webpack》 第二章 基础篇: webpack 基础用法的⽤用法 module.exports = { entry: './path/to/my/entry/file.js' }; 单⼊入⼝口:entry 是⼀一个字符串串 多⼊入⼝口:entry 是⼀一个对象 module.exports = { entry: { app: './src/app.js', adminApp: './src/adminApp.js' } }; 核⼼心概念之 Output { filename: 'bundle.js' }, module: { rules: [ { test: /\.txt$/, use: 'raw-loader' } ] } }; test 指定匹配规则 use 指定使⽤用的 loader 名称 核⼼心概念之 Plugins 插件⽤用于 bundle ⽂文件的优化,资源管理理和环境变量量注⼊入 作⽤用于整个构建过程 常⻅见的 Plugins 'css-loader' + ] + } + ] + } }; css-loader ⽤用于加载 .css ⽂文件,并且转换成 commonjs 对象 style-loader 将样式通过













