Не могу сказать, находится ли проект Vue в режиме отладки или в режиме выпуска для Visual Studio - PullRequest
0 голосов
/ 18 апреля 2019

Я создаю это приложение Vue с помощью Visual Studio, и независимо от режима сборки (отладка / выпуск), я все еще получаю это сообщение ниже в консоли.

Вы запускаете Vue в режиме разработки,Обязательно включите производственный режим при развертывании для производства.См. Дополнительные советы на https://vuejs.org/guide/deployment.html

Есть ли способ узнать, действительно ли я нахожусь в режиме релиза или Vue просто выдает мне это сообщение?

Я знаю, что обычноэто означает, что JS-файлы были уменьшены, это в случае с приложением Vue?

Я не уверен, поможет ли это, но вот мой файл packages.json

{
  "name": "aspnetcore-vuejs",
  "description": "ASP.NET Core & VueJS Starter project",
  "author": "Mark Pieszak",
  "scripts": {
    "dev": "cross-env ASPNETCORE_ENVIRONMENT=Development NODE_ENV=development dotnet run",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "install": "webpack --config webpack.config.vendor.js"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.4",
    "@fortawesome/free-solid-svg-icons": "^5.3.1",
    "@fortawesome/vue-fontawesome": "^0.1.1",
    "axios": "^0.15.3",
    "bootstrap-vue": "^2.0.0-rc.11",
    "core-js": "^2.4.1",
    "dayjs": "^1.7.5",
    "font-awesome": "^4.6.3",
    "material-design-icons-iconfont": "^3.0.3",
    "vue": "^2.1.8",
    "vue-infinite-loading": "^2.3.3",
    "vue-masked-input": "^0.5.2",
    "vue-router": "^2.1.1",
    "vue-select": "^2.5.0",
    "vue-server-renderer": "^2.1.8",
    "vue-template-compiler": "^2.1.8",
    "vuetify": "^1.2.3",
    "vuex": "^2.1.1",
    "vuex-router-sync": "^4.0.1"
  },
  "devDependencies": {
    "aspnet-webpack": "^2.0.1",
    "babel-core": "^6.21.0",
    "babel-loader": "^6.2.10",
    "babel-plugin-transform-async-to-generator": "^6.22.0",
    "babel-plugin-transform-runtime": "^6.15.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-stage-2": "^6.18.0",
    "babel-register": "^6.18.0",
    "bootstrap": "^4.1.3",
    "cross-env": "^3.1.3",
    "css-loader": "^0.26.1",
    "event-source-polyfill": "^0.0.7",
    "extract-text-webpack-plugin": "^2.0.0-rc",
    "file-loader": "^0.9.0",
    "jquery": "^2.2.1",
    "node-sass": "^4.1.0",
    "optimize-css-assets-webpack-plugin": "^1.3.1",
    "regenerator-runtime": "^0.12.1",
    "sass-loader": "^4.1.0",
    "style-loader": "^0.13.1",
    "url-loader": "^0.5.7",
    "vue-loader": "^10.0.2",
    "webpack": "^2.2.0",
    "webpack-hot-middleware": "^2.12.2"
  }
}

1 Ответ

0 голосов
/ 21 апреля 2019

Как вы указали в руководстве по развертыванию Vue.js , которое вы опубликовали, проверьте webpack.config.js и обязательно используйте правильную среду mode targeting production при развертывании приложение.

В Webpack 4+ вы можете сделать:

module.exports = {
  mode: 'production'
}

Но в Webpack 3 и более ранних версиях вам нужно будет использовать DefinePlugin:

var webpack = require('webpack')

module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  ]
}

Когда вы будете готовы, вам нужно просто запустить npm run build, чтобы начать связывать ваши модули.


Связанные и полезные чтения:

...