webpack5 学习（五）—— 管理资源：加载数据

加载数据

除了css、images、fonts字体等资源，也可以加载的资源还有数据，如 JSON 文件，CSV、TSV 和 XML。

类似于 NodeJS，JSON 支持实际上是内置的，也就是可以用： import Data from './data.json' 引入默认将正常运行。

要导入 CSV、TSV 和 XML，可以使用 csv-loader 和 xml-loader。

命令行输入：

npm install --save-dev csv-loader xml-loader

安装完成：

webpack.config.js

修改 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$/i