Vladimir Bykov
Vladimir Bykov

Reputation: 1

vue ssr webpack configuration

I have webpack.server.config

const merge = require('webpack-merge')
const webpack = require('webpack')
const nodeExternals = require('webpack-node-externals')
const baseConfig = require('./webpack.base.conf.js')
const VueSSRServerPlugin = require('vue-server-renderer/server-plugin')
const utils = require('./utils')
const config = require('../config')

module.exports = merge(baseConfig, {
  entry: './src/entry-server.js',
  target: 'node',
  devtool: 'source-map',
  output: {
    path: config.build.assetsRoot,
    filename: 'server.js',
    libraryTarget: 'commonjs2'
  },
  externals: nodeExternals({
    whitelist: /\.css$\.vue$/
  }),
  plugins: [
    new webpack.DefinePlugin({
      'process.env': 'production'
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    new VueSSRServerPlugin()
  ]
})

but if i run npm run build server - throw error

ERROR in ./~/extract-text-webpack-plugin/loader.js?    {"omit":1,"remove":true}!./~/vue-style-loader!./~/css-loader?{"minimize":true,"sourceMap":true}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-42aa77cc","scoped":true,"hasInlineConfig":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/about-page.vue
 Module build failed: Error: "extract-text-webpack-plugin" loader is used 
 without the corresponding plugin, refer to 
 https://github.com/webpack/extract-text-webpack-plugin for the usage 
 example
     at Object.module.exports.pitch (D:\web\transport-
 serverSide\node_modules\extract-text-webpack-plugin\loader.js:25:9)
 @ ./src/components/about-page.vue 3:4-388
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?
 type=script&index=0!./src/components/Top.vue
 @ ./src/components/Top.vue
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?
 type=script&index=0!./src/components/Main.vue
 @ ./src/components/Main.vue
 @ ./src/router/index.js
 @ ./src/app.js
 @ ./src/entry-server.js

How can I set up webpack or can I have a lesson? on the official site of the Vue.js information on the setting is not very informative maybe I need to change the logic webpack.base.config? If someone can help on a theme topic, or on the topic of the ssr + express - I will be very grateful

Upvotes: 0

Views: 604

Answers (0)

Related Questions