管理资源：
加载 CSS
npm install --save-dev style-loader css-loader
加载图片
npm install --save-dev file-loader
加载字体
加载数据
npm install --save-dev csv-loader xml-loader
webpack.config.js文件
const path = require(‘path‘);
module.exports = {
entry: ‘./src/index.js‘,
output: {
filename: ‘bundle.js‘,
path: path.resolve(__dirname, ‘dist‘)
},
module: {
rules: [
{
test: /\.css$/,
use: [
‘style-loader‘,
‘css-loader‘
]
},
{
test: /\.(png|svg|jpg|gif|jpeg)$/,
use: [
‘file-loader‘
]
},
{
test: /\.(woff|woff2|eot|ttf|otf)$/,
use: [
‘file-loader‘
]
},
{
test: /\.(csv|tsv)$/,
use: [
‘csv-loader‘
]
},
{
test: /\.xml$/,
use: [
‘xml-loader‘
]
}
]
}
};
参考官网：
https://www.webpackjs.com/guides/asset-management/#%E5%AE%89%E8%A3%85
原文地址：https://www.cnblogs.com/pikachuworld/p/11524983.html
时间： 2024-08-01 09:57:00