Webpack Vue-cli-3“；npm运行构建/监视”命令：我想为WordPress主题使用相同的outputDir

我正在尝试为该应用程序获取相同的

outputDir

（和

publicPath

）

npm运行构建

及

npm运行观察

命令

我正在尝试使用vue cli创建可以在WordPress主题中使用的组件。我的主题将通过道具传递组件所需的数据。因此，如果我可以使用npm run watch构建各种组件，然后将它们输出到

/wp content/themes/mytheme/js

文件夹，这样我所要做的就是在更改Vue组件中的某些内容时点击刷新

到目前为止，我在

vue.config.js

中有这个，但它只适用于

npm run build

，它包含了我不想要的SPA的所有其他东西

有没有办法配置这个，这样我就可以在

../dist

文件夹中只使用

app.js

和

app.css

，而不使用

npm run build

和

npm run watch

的所有其他SPA内容

---

谢谢。：）

所以不久前我最后做的是添加到

package.json

{
  ...,
  scripts: {
    ...,
    'watch' : 'vue-cli-service build --watch --inline-vue',
    ...,
  }
}

在

vue.config.js

module.exports = {
  'publicPath': '/wp-content/themes/my_theme/dist/js',
  'outputDir': '../dist',
  'filenameHashing': false,
  runtimeCompiler: true,
  'css': {
    extract: true,
  },
}

我想我应该在这里更新一下，以防有人也这么做

module.exports = {
  'publicPath': '/wp-content/themes/my_theme/dist/js',
  'outputDir': '../dist',
  'filenameHashing': false,
  runtimeCompiler: true,
  'css': {
    extract: true,
  },
}