vue-cli 3中vue.com fig.js配置教程詳細解


前言
vue-cli 3は零の配置を推賞して、その図形化プロジェクトの管理もとても高いです。
しかし、vue-cli 3がゼロ設定を推奨すると、以前とはvue-cli 2の配置方式が違ってきます。
別名設定、sourcemap制御、入力ファイルの位置と出力の方式、圧縮js制御、包装webapckログ分析、externalsは配置(外部導入)を無視し、デバッグのポート配置、proxyインターフェース配置など。
時にはまた私達の配置が必要です。公式推薦のため、私達の普段の開発には適用されません。
だから、私のvue.com fig.jsの配置は以下のようです。もう一つのhashの配置を変更しました。まだどのように配置するか分かりません。後で解決します。解決する時はここを更新します。
資料検索参考住所:
https://github.com/staven630/vue-cli3-config(vue.co nfig.jsの配置方法を紹介する)
https://github.com/loveRandy/vue-cli3.0-vueadmin(先輩のvue-cli 3プロジェクトのvue.com fig.jsの構成を参考にして)もたくさんのgithubの関連項目を調べました。
本文
vue-cli 3を使ってプロジェクトを作成した後、webpackの配置はすべて隠されていますので、既存の構成をカバーする必要がある場合、プロジェクトのルートディレクトリの下で、新しいvue.co nfig.jsファイルを作成して、新しい構成を配置します。
設定された関連フィールド
vue.co.nfig.jsは自動的にロードされます。

module.exports = {
  /*              URL:          ,baseUrl   Vue CLI 3.3     ,   publicPath */ 
  /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
  publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
  /*       : npm run build ,          */
  outputDir: 'dist',
  /*           (js、css、img、fonts)   (    outputDir  )    */
  assetsDir: "assets",
  /*             sourceMap   ,false        */
  productionSourceMap: false,
  /*      ,                   hash          ,             false         。(false               ) */
  filenameHashing: false,
  /*        eslint   */
  lintOnSave: true,
  /* webpack-dev-server      */
  devServer: {
    /*         */
    open: true,
    /*    0.0.0.0           */
    host: '0.0.0.0',
    port: 8066,
    https: false,
    hotOnly: false,
    /*      */
    proxy: {
      '/api': {
        /*           */
        target: 'http://47.100.47.3/',
        /*      */
        changeOrigin: true,
      },
    },
  },
}
締め括りをつける
以上は小编で绍介したvue-cli 3中vue.co.fig.js配置教程の详しい解です。皆さんのために役に立つことを望んでいます。もし何かご质问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。