vue-loader未在webpack4 vue生产模式下导入组件

时间:2018-06-23 09:01:23

标签: webpack vue.js webpack-4 vue-loader ts-loader

更新:我无法找到此问题的解决方案,因此我移至vue cli 3。

我有打字稿,vue,vuex和vue-router应用程序,一切在开发模式下都可以完美运行。以下是一些Vue和Webpack版本:

"webpack": "^4.12.0",
"webpack-dev-middleware": "^3.1.3",
"webpack-hot-middleware": "^2.12.2",
"vue": "2.4.1",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
"vue-loader": "^15.2.1",
"ts-loader": "^4.4.0",

我正在使用yarn run dev运行命令,并且在./src/main.ts文件中,我导入了一个组件并尝试对其进行控制台:

import Master from './app/master/Master.vue'
console.log(Master)

Master组件在开发中工作正常,在生产版本中,该组件是一个空对象,我认为vue-loader不能正确导入该组件。

`{}`

我尝试使用旧版本的vue-loader,但出现一些错误。该应用程序正在开发中,这是gist列出的我的webpack配置文件。

  1. 内部配置:https://gist.github.com/iksdatoo/492099d8147e8f60ee04b243426b799a
  2. 基本配置:https://gist.github.com/iksdatoo/f9eda2bb81bc175cc59dac3879df2f28
  3. 开发配置:https://gist.github.com/iksdatoo/522516c761b3422e7a1b5eafd0211bd8
  4. 生产配置:https://gist.github.com/iksdatoo/5772a0517daf7463b98705396a1ce976
  5. 打包JSON文件:https://gist.github.com/iksdatoo/a6883bddb37150dea00c22751e9aca06
  6. 这是我的入口点文件:https://gist.github.com/iksdatoo/2d5f16159060a2d9d4cd8f7e02f984d7

让我知道我在想什么。

0 个答案:

没有答案