webpack - Visual Studio 2017和Vue单文件组件的使用方法

Question

<分区>

Answer 1

对于 CSS，您可以使用 ExtractTextPlugin使用 webpack:vue-loader docs有一个关于在你的 webpack 配置中放置什么的例子:

// webpack.config.js
var ExtractTextPlugin = require("extract-text-webpack-plugin")

module.exports = {
  // other options...
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          extractCSS: true
        }
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("style.css")
  ]
}

对于 Visual Studio 2017 集成，我建议使用 WebPack Task Runner .如果您将其设置(通过 Task Runner Explorer 中的绑定(bind))在项目打开时以监视模式运行 webpack，它将在保存时重建您的包/CSS。

我不知道你问题的 .js 部分的答案。