安裝
初始化
npm init -y
安裝webpack在上一步初始化的目錄中
npm install webpack webpack-cli --save-dev
可以簡(jiǎn)寫(xiě)成 npm i webpack webpack-cli -D
手動(dòng)創(chuàng)建 webpack.config.js文件
配置webpack.config.js文件
let path = require('path');
module.exports = {
entry:path.resolve('a.js'), // 入口文件
output:{
filename: 'xxx', // 輸出文件名
path:path.resolve('b.js') // 輸出文件路徑
},
module:{
rules:[{
test:/\.css$/, // 以.css結(jié)尾的文件用下面的加載器加載
use:[{loader:'css-loader'},{loader:'style-loader'}] // 使用的加載器(加載器也需要安裝)
}]
}
配置package.json
"scripts": {
"dev": "webpack --mode development"
},