Почему webpack.config. js не работает в моем vue проекте? - PullRequest
0 голосов
/ 02 мая 2020

Мой проект был создан с использованием веб-пакета, а не vue -cli. Я создал webpack.config.js по тому же пути, что и package.json в папке client, как показано ниже.
enter image description here
Однако это не работает. Кажется, webpack.config.js игнорируется. Это мой webpack.config.js:

const path = require('path')

module.exports = {
  output: {
    path: path.resolve(__dirname, '../server/public')
  },
  devServer:{
    proxy: 'http://localhost:8081'
  }
}

Я установил выходной путь в нем, но после запуска npm run build, выход всегда находится в папке dist.

Это мой package.json в папке client

{
  "name": "client",
  "version": "1.0.0",
  "private": true,
  "description": "A Vue.js project",
  "author": "powerseed5044 <powerseed5044@gmail.com>",
  "scripts": {
    "build": "node build/build.js",
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev"
  },

Может кто-нибудь сказать мне, где я ошибся и почему webpack.config.js не работает?

Редактировать: webpack.dev.conf.js, что требуется по команде build в package.json

const devWebpackConfig = merge(baseWebpackConfig, {
  module: {
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
  },
  // cheap-module-eval-source-map is faster for development
  devtool: config.dev.devtool,

  // these devServer options should be customized in /config/index.js
  devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: {
      rewrites: [
        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
      ],
    },
    hot: true,
    contentBase: false, // since we use CopyWebpackPlugin.
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll,
    }
  },

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...