1.安装 html-webpack-plugin -D
2.在配置文件 webpack.config.js 中引入
const htmlWebpackPlugin=require("html-webpack-plugin");
3.在 plugins 中添加
plugins:[
//使用html插件
new htmlWebpackPlugin({
template:path.join(__dirname,'./src/index.html'),
filename:'index.html' //指定生成的文件名
})
]
1.下载
npm install style-loader css-loader less-loader -D
2.在 js 文件导入
import "../css/index.css"
import "../css/index.less"
3.在 webpack.config.js 中添加 moudle 对象
module:{
rules:[
{test:/\.css$/,use:['style-loader','css-loader']},
{test:/\.css$/,use:['style-loader','css-loader','less-loader']}
]
}
1.下载
npm install url-loader file-loader -D
2.配置
module:{
rules:[
{ test: /\.(jpg|png|gif|bmp|jpeg)$/,
use: 'url-loader?limit=57118&name=[hash:8]-[name].[ext]' },
//表示低于57118字节,大于的图片会以 base64 编码
//hash的32个长度中取8个字符串
//name=[name].[ext] 的作用:不修改文件的名称
]
}