Я пытаюсь получить такие же outputDir
(и publicPath
) для
npm run build
а также
npm run watch
команды.
Я пытаюсь использовать vue-cli для создания компонентов, которые я могу использовать в своей теме WordPress. Моя тема будет передавать компонентам необходимые им данные через реквизиты. Таким образом, было бы Наиболее удобный, если бы я мог использовать npm run watch для создания различных компонентов, а затем выводить их в папку /wp-content/themes/mytheme/js
, так что все, что мне нужно сделать, это нажать кнопку «Обновить», когда я что-то изменяю в компоненте Vue.
На данный момент у меня есть это в vue.config.js
, но оно работает только с npm run build
и включает в себя все другие вещи для SPA, которые я не хочу.
// vue.config.js
const path = require('path')
module.exports = {
publicPath: '/wp-content/themes/wvd/dist/',
outputDir: path.resolve(__dirname, "../../dist"),
filenameHashing: false,
chainWebpack: config => {
config.optimization.delete('splitChunks')
}
}
Есть ли способ настроить это так, чтобы у меня были только эти app.js
и app.css
в папке ...../dist
без всех остальных вещей SPA для npm run build
и npm run watch
?
Спасибо. :)
Итак, что я сделал некоторое время назад, так это добавил в 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,
},
}
Думал, что обновлю это здесь на случай, если кто-то попытается сделать то же самое.