即test: /.vue$/,这种情况下怎么配置?网上资料少的可怜。
有部分老的文档写到使用extract-text-webpack-plugin,但是这个plugin已不再维护,取而代之的是MiniCssExtractPlugin,需要用这个来配合vue-loader吗?
即test: /.vue$/,这种情况下怎么配置?网上资料少的可怜。
有部分老的文档写到使用extract-text-webpack-plugin,但是这个plugin已不再维护,取而代之的是MiniCssExtractPlugin,需要用这个来配合vue-loader吗?
<script>
部分就按照语言,交给 ts-loader 或者 babel-loader;<template>
就交给 html-loader 或者 pug-plain-loader以下是范例:
// webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader',
},
{
test: /\.styl(us)?$/,
use: [
'style-loader',
'css-loader',
'stylus-loader',
],
},
],
},
}
// webpack.config.prod.js
const config = require('./webpack.config');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const cssRule = config.module.rules[1];
cssRule.use[0] = MiniCssExtractPlugin.loader;
module.exports = config;
建议你好好看下:
vue 的资料已经算多的了,如果 vue 的资料你都找不到,那我只好……
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
这种问题网上资料少的可伶?没搞错吧。。。
你的标题是配置vue-loader,这个只是解析vue文件而已,如果只是问这个那很简单啊,如下配置就行了