webpack资源加载常用配置
2024-08-27 06:49:48
const path = require('path'); module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: { rules:[
// css加载
//包下载命令:npm install --save-dev style-loader css-loader
{
test:/\.css$/,
use:[
'style-loader',
'css-loader',
]
},
// 图片加载及字体加载
//包下载命令:npm install --save-dev file-loader
{
test:/\.(png|jpg|gif)$/,
use:[
'file-loader'
]
},
{
test:/\.(woff|woff2|eot|ttf|otf)$/,
use:[
'file-loader'
]
},
// 数据加载 (json是内置的,所以无需下载对应的包)
//包命令:npm install --save-dev csv-loader xml-loader
{
test:/\.xml$/,
use:[
'xml-loader'
]
},
{
test:/\.(csv|tsv)$/,
use:[
'csv-loader'
]
}
]
}
};
最新文章
- maven 启动忽略test
- erlang mnesia数据库简单应用
- 深入理解java回调机制
- 1.1 office安装
- android.os.NetworkOnMainThreadException 异常
- [ext4]07 磁盘布局 - 块/inode分配策略
- Alfred效率神器
- 痞子衡嵌入式:如果i.MX RT是一匹悍马,征服它时别忘了用马镫MCUBootUtility
- MyBatis基础:MyBatis入门(1)
- python----多继承C3算法
- 王者荣耀里拿个王者有啥了不起,有胆就来挑战一下ApsaraCache源码
- 阿里云香港主机自动换IP
- Eloquent JavaScript #11# The Document Object Model
- 2017/2/14springmvc基础学习
- Django 模板中 变量 过滤器 标签 的使用方法
- 使用web.xml方式加载Spring时,获取Spring context的两种方式
- I/O复用 - 各种不同的IO模型
- Android Spans介绍(转)
- ";WannaCry";勒索病毒用户处置指南
- scala流程控制语句以及方法和函数
热门文章
- EAI并发
- ES6深入浅出-10 ES6新增的数据类型-1.Symbol与隐藏属性
- RHEL7 的注册
- Swift4.0复习操作符方法与操作符的定制
- ubuntu18.04手动安装二进制MySQL8.0
- 03点睛Spring4.1-scope
- CF1223D Sequence Sorting
- [概率DP][消元法][CF24D]损坏的机器人
- 仔细看参数--NGINX之tcp_nodelay
- cuda-convnet在Ubuntu12.04+CUDA5.5下的配置