鍍金池/ 問答/HTML/ 為什么使用vue-loader打包后，根節(jié)點(diǎn)不見了？

為什么使用vue-loader打包后，根節(jié)點(diǎn)不見了？

webpack.conf.js

{
    module: {
      rules: [
        {
          test: /\.vue$/,
          loader: 'vue-loader'
        }
      ]
    }
}


new Vue({
  el: '#app',
  template:'<Home/>',
  components:{Home} 
})

編譯后，打開網(wǎng)頁(yè)，根節(jié)點(diǎn)不見了。

回答
編輯回答
執(zhí)念
var vueLoaderConfig = require('./vue-loader.conf')

...
    module: {
        rules: [
          {
            test: /\.vue$/,
            loader: 'vue-loader',
            options: vueLoaderConfig
          },

vue-loader.conf一般腳手架搭好后是放在build文件夾里的

var utils = require('./utils')
var config = require('../config')
var isProduction = process.env.NODE_ENV === 'production'

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: isProduction
      ? config.build.productionSourceMap
      : config.dev.cssSourceMap,
    extract: isProduction
  }),
  transformToRequire: {
    video: 'src',
    source: 'src',
    img: 'src',
    image: 'xlink:href'
  }
}
2018年6月14日 04:58