zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    测试之美-1
    杯子测试
    性能面试(四)
    性能面试(二)
    性能面试(三)
    性能面试(一)
    解决用户名冲突
    版本冲突
    JQuery Easy UI 简介
    Fork
  • 原文地址:https://www.cnblogs.com/pikachuworld/p/11524983.html
Copyright © 2011-2022 走看看