管理资源:
加载 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'
- ]
- }
- ]
- }
- };
参考官网:
来源: http://www.bubuko.com/infodetail-3199750.html