首页 > Web开发 > 详细

重温webpack(二)

时间：2019-09-16 01:07:02      阅读：113      评论：0      收藏：0      [点我收藏+]

管理资源：

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

重温webpack(二)

原文：https://www.cnblogs.com/pikachuworld/p/11524983.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！