如何在Webpack中纠正两个或多个文件中的拆分代码?

时间:2018-09-11 09:50:23

标签: webpack

我是tryind,要拆分我的捆绑包,它会出问题。

所以我使用本指南Code Splitting

webpack.client.config:

const webpack = require('webpack')
const merge = require('webpack-merge')
const base = require('./webpack.base.config')
const SWPrecachePlugin = require('sw-precache-webpack-plugin')
const VueSSRClientPlugin = require('vue-server-renderer/client-plugin')

const config = merge(base, {
  entry: {
    app: './src/entry-client.js',
    swiper: './src/swiper.js'
  },
  resolve: {
    alias: {
      'create-api': './create-api-client.js'
    }
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
      'process.env.VUE_ENV': '"client"'
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: function (module) {
        return (
          /node_modules/.test(module.context) &&
          !/\.css$/.test(module.request)
        )
      }
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'manifest'
    }),
    new VueSSRClientPlugin()
  ]
});
module.exports = config

.src / swiper.js

import Vue from 'vue'
const VueAwesomeSwiper = require('vue-awesome-swiper/dist/ssr')
Vue.use(VueAwesomeSwiper)

Webpack拆分了我的代码,但是看起来很奇怪。 Webpack将其分为两个文件,但是swiper.js代码位于app.js文件中。刷卡包大小为137字节,与那里的刷卡无关。

enter image description here

0 个答案:

没有答案