[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 文件里的