module.exports = {
//引入的文件名
entry:'./entry.js',
output:{
//存储位置
path:__dirname,
//生成的文件名
filename:'bundle.js'
},
//要使用的模块
module:{
//
rules: [
{
//判断是否是css文件
test: /\.css$/,
//不用在指定文件设置loader
use: ['style-loader', 'css-loader']
}
]
}
}
package.json
{
"name": "hwebpack",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
"author": "",
"license": "ISC",
"devDependencies": {
"css-loader": "^0.28.11",
"style-loader": "^0.20.3",
"webpack": "^4.1.1",
"webpack-cli": "^2.0.12"
}
}