vue transforms属性
时间: 2024-01-12 20:20:07 浏览: 25
根据提供的引用[1],并没有提到Vue的transforms属性。但是,Vue确实有一个transformToRequire属性,它是用于配置模板编译器将哪些属性的值从字符串转换为模块导入的函数。这个属性通常用于将图片等资源转换为模块导入,以便在构建时进行处理。
以下是一个transformToRequire的例子:
```javascript
module.exports = {
module: {
rules: [
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
{
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('media/[name].[hash:7].[ext]')
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
transformToRequire: {
// 将image标签的src属性转换为require导入
'img': 'src',
// 将source标签的src属性转换为require导入
'source': 'srcset'
}
}
}
]
}
}
```