Question

我尝试在vue项目上运行npm run build命令。它已成功运行，但未创建dist文件夹。我要构建此项目并在服务器上运行它。我目前在Windows操作系统上工作。我试图将其与其他项目的webpack文件进行比较，但发现没有区别。

var path = require('path')
var webpack = require('webpack')

module.exports = {
entry: './src/main.js',
output: {
 path: path.resolve(__dirname, './dist'),
 publicPath: '/dist/',
 filename: 'build.js'
},
 module: {
 rules: [
   {
     test: /\.css$/,
     use: [
       'vue-style-loader',
       'css-loader'
     ],
   },
   {
     test: /\.scss$/,
     use: [
       'vue-style-loader',
       'css-loader',
       'sass-loader'
     ],
   },
   {
     test: /\.sass$/,
     use: [
       'vue-style-loader',
       'css-loader',
       'sass-loader?indentedSyntax'
     ],
   },
   {
     test: /\.vue$/,
     loader: 'vue-loader',
     options: {
      loaders: {
        // Since sass-loader (weirdly) has SCSS as its default parse 
 mode, we map
        // the "scss" and "sass" values for the lang attribute to the 
 right configs here.
        // other preprocessors should work out of the box, no loader 
 config like this necessary.
        'scss': [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ],
        'sass': [
          'vue-style-loader',
          'css-loader',
          'sass-loader?indentedSyntax'
        ]
      }
      // other vue-loader options go here
    }
   },
   {
     test: /\.js$/,
     loader: 'babel-loader',
     exclude: /node_modules/
   },
   {
      test: /\.(png|jpg|gif|svg)$/,
      loader: 'file-loader',
      options: {
       name: '[name].[ext]?[hash]'
      }
    }
  ]
},
resolve: {
  alias: {
    'vue$': 'vue/dist/vue.esm.js'
  },
 extensions: ['*', '.js', '.vue', '.json']
 },
 devServer: {
  historyApiFallback: true,
  noInfo: true,
  overlay: true
  },
 performance: {
 hints: false
 },
 devtool: '#eval-source-map'
 }

 if (process.env.NODE_ENV === 'production') {
 module.exports.devtool = '#source-map'
// http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins = (module.exports.plugins || []).concat([
 new webpack.DefinePlugin({
   'process.env': {
     NODE_ENV: '"production"'
  }
 }),
  new webpack.optimize.UglifyJsPlugin({
   sourceMap: true,
   compress: {
     warnings: false
   }
  }),
  new webpack.LoaderOptionsPlugin({
    minimize: true
  })
])
}

这是我的webpack配置文件。请帮助我。

Answer 1

尝试检查是否在webpack配置文件所在的位置创建了一个文件夹。如果没有，则其他配置似乎有问题，您可以尝试一下，在项目中对我来说很好：

URLs <- paste0("https://foo.bar", a, "/")
# > URLs
# [1] "https://foo.bar1/" "https://foo.bar2/" "https://foo.bar3/" "https://foo.bar4/" "https://foo.bar5/"

构建Vue JS项目后未创建Dist文件夹

1 个答案: