私は使用vue cli 3
しています、そしてここに私のvue.config.js
:
const path = require('path')
const webpack = require('webpack')
const publicDir = 'public'
const isProduction = process.env.NODE_ENV === 'production'
module.exports = {
publicPath: isProduction ? './dist/' : '',
outputDir: 'public/dist',
indexPath: '../../resources/views/index.blade.php',
filenameHashing: true,
chainWebpack: config => {
config
.entry('app')
.clear()
.add('./resources/vue/main.js')
.end()
config.module
.rule('graphql')
.test(/\.gql$/)
.use('graphql-tag/loader')
.loader('graphql-tag/loader')
.end()
},
configureWebpack: {
plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)]
}
}
本番用にビルドした後にいくつかのファイルを削除する必要があり、ビルドプロセスが終了したことを検出する方法がわかりません。
これに関するドキュメントは見つかりませんでした。
あなたはあなたのpackage.json
ファイルでそれをすることができます。カスタムスクリプトを追加するか、既存のスクリプトを変更できます。
たとえば、クリーンなスクリプトを見てください。このスクリプトを手動で呼び出すことも、別のスクリプトに追加することもできます。この例では、ビルドスクリプトが実行されるときに実行されます。
"scripts": {
"serve": "vue-cli-service serve",
"watch": "vue-cli-service build --mode development --watch",
"dev": "vue-cli-service --mode development build",
"build": "vue-cli-service build && npm run clean",
"lint": "vue-cli-service lint",
"clean": "rm -rf ../public/dist"
},
...
注:&&
それらを順番clean
に実行させると、の後に実行されbuild
ます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加