重温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(‘p

管理资源：

加载 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(二)全部内容，希望文章能够帮你解决重温webpack(二)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。