Vue Cli3でコード分割を無効にする-ハッシュファイルを削除できません
BenB
vue.config.jsうまく機能し、デフォルトのコード分割をキャンセルするセットアップがあります。
しかし、それでも、素敵な名前のCSSファイルと同じハッシュのCSSファイルを出力します。削除するスクリプトを書くことはできますが、CSSファイルをハッシュで出力しないように設定する方法はないかと思います。
vue.config.js：
const webpack = require("webpack");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
outputDir: "../assets/",
configureWebpack: {
plugins: [
new MiniCssExtractPlugin({
filename: "/css/sales-report.css"
})
],
output: {
filename: "./js/sales-report.js"
}
},
chainWebpack: config => {
config.optimization.delete("splitChunks");
}
};
コマンドライン出力は次のようになります。 
私は、出力したい../assets/js/sales-report.jsと../assets/css/sales-report.css、私はの出力を取り消すための正しい設定を見つけることができませんでした../assets/css/app.fd4aa059.css。
テストする場合、この構成はすべてのVue CLI3プロジェクトで機能します。このファイルをキャンセルするには、どの設定がありませんか？
tony19
Vue CLIプロジェクトはすでにを使用mini-css-extract-pluginしているため、新しいプロジェクトを挿入すると、configureWebpackCSS処理が重複することになります。
代わりに、あなたはを通して、既存のプラグインを設定できますcss.extractの中でvue.config.js。これは次のようになります。
// vue.config.js
module.exports = {
//...
configureWebpack: {
output: {
filename: "./js/sales-report.js"
}
},
chainWebpack: config => {
config.optimization.delete("splitChunks");
},
css: {
extract: {
filename: "/css/sales-report.css"
}
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
Vue CLI 3でPWAプラグインを無効にする
- 2
vue-cli 3でeslintを無効にする方法は？
- 3
Vue CLI3でExtract-Text-Webpack-Pluginを使用する
- 4
webpack、vue.js、vueファイルをコンパイルできません
- 5
Electronで最新バージョンのVue（Vue CLI3）をどのように使用しますか？
- 6
WebStormで `.vue`ファイルの` less`コードを正確にフォーマットすることはできません
- 7
TypeScriptは* .vueファイルを検出できません
- 8
Vue Cli3プロジェクトの特定のエラーを無視するようにEslintを構成する方法
- 9
100MBを超えるファイルをgitハブにプッシュできません
- 10
vue cli3ビルドがchunk-vendors.jsファイルにvue.js.minを含めないようにするにはどうすればよいですか？
- 11
vue-cliでESLintを無効にする方法は？
- 12
CSVファイルの列の正しいハッシュテーブルを生成できません
- 13
Vue CLI3でVuetifyをインストールした後にコンパイルに失敗しました
- 14
ActiveStorageファイルをVue.js（Ruby on Rails Active Storage）に表示できません
- 15
LinuxUbuntuに@vue / cliをインストールできません
- 16
ES6モジュールをVue単一ファイルコンポーネントにインポートできません
- 17
VSコード-.vueファイルでautoClosingTagsオプションを有効にします
- 18
vue-cli @ 3依存関係タイプに使用できるモジュールファクトリがありません：CssDependency
- 19
Vueでキーバインドのコピー/貼り付けを無効にする
- 20
Gradleが中止されたときにファイルハッシュキャッシュをロックできません
- 21
Javaでハッシュセットを削除できません
- 22
Vue cli3はビルド後にいくつかのタスクを実行します
- 23
SystemRescueCd：クラッシュしたWindows7からファイルを保存するとハードドライブを検出できません
- 24
Vue-ミックスインファイルのthis。$ routerまたはvueインスタンスを使用またはアクセスできません
- 25
jsファイルではデータを取得できますが、.vueファイルでは取得できません
- 26
jsファイルではデータを取得できますが、.vueファイルでは取得できません
- 27
vue cli3セットアップ用に追加されたbabel-plugin-transform-object-rest-spreadでオブジェクトを拡散できません
- 28
Vue CLIをインストールできませんか？（マックOS）
- 29
Vue CLI3バージョンを使用してVuetifyにカスタムフォントをインポートする方法
コメントを追加