重温webpack(二)

管理资源：

加载 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