[TOC]
vue工程一般也会用vue-cli,nuxt.js 甚至yarn create vite,所以下面的实践并不推荐。不过大致过程还是要知道的。
vue工程主要也是要使webpack识得.vue文件,所以核心还是loader中。
参考的文档在这里:
npm install -D vue-loader vue-template-compiler
然后配置webpack:
// webpack.config.js
const { VueLoaderPlugin } = require('vue-loader')
module.exports = {
module: {
rules: [
// ... 其它规则
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
},
plugins: [
// 请确保引入这个插件!
new VueLoaderPlugin()
]
}
这个VueLoaderPlugin是必须的。
它的职责是将你定义过的其它规则复制并应用到 .vue 文件里相应语言的块。例如,如果你有一条匹配 /.js$/ 的规则,那么它会应用到 .vue 文件里的