我在下面针对vue运行了一个极其简单的web包配置.js前端.Package.js已编译,但仍会生成"您正在开发模式下运行Vue"警告.我遵循了here条建议,但没有任何改变.

你知道怎么回事吗?

这是我的网页包.配置.js:

var webpack = require('webpack')

module.exports = {
entry: './www/src/js/main.js',
output: {
  path: "./www/static/js",
  filename: "bundle.js"
},
plugins: [
  new webpack.DefinePlugin({
    'process.env': {
      NODE_ENV: '"production"'
  }
}),
new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false
    }
})
],
module: {
  loaders: [
    {
      test: /\.js$/,
      loader: 'babel',
      exclude: /node_modules/
    },
    {
      test: /\.vue$/,
      loader: 'vue'
    }
  ]
},
vue: {
  loaders: {
    js: 'babel'
  }
}
}

推荐答案

您正在使用哪个版本的Vue?如果是Vue 2.1.0 or higher,请判断以下答案:

可能您使用的是vue.js文件,而不是vue.common.js文件.

对于直接使用,应该将vue.js用于开发,将vue.min.js用于生产.这两个文件的环境分别硬编码为"开发"和"生产".

对于WebPack,应该使用vue.common.js文件,因为它将处理process.env.NODE_ENV变量.为此,请在网页包文件中添加别名属性:

module.exports = {
  ...
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.common.js'
    }
  },
  ...
}

Vue.js相关问答推荐

具有VUE身份验证的Azure AD

我可以手动访问 vue-router 解析器吗?

如何只提取一次用于无线电组过滤的数据,而不是针对数据库中的每个条目提取数据?

Vue,Composition API:如何从react 式转换中跳过深度嵌套的属性?

如何从 Vuex 状态使用 Vue Router?

Vuejs中的条件a href

Vuetify Datatable - 在所有列上启用内容编辑

NuxtServerInit 在 Vuex 模块模式下不起作用 - Nuxt.js

如何使用 vue.js 获取所选选项的索引

如何在 vue 3 中获取路由的参数?

Vue.js:从 parent父Vue 获取数据

如何使用 VueJS / Typescript 导入 JSON 文件?

Select 下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入?

安装后运行computed计算函数

Vue.js 拦截器

将 ref 的内容从子组件传递到另一个 VueJS 子组件

使用 Vue.js 获取所有选中复选框的列表

Vue.JS 2.0 修改不相关数据时速度慢

如何将props传递给组件的故事?

Vue-i18n - 无法读取未定义的属性配置