鍍金池/ 問答/HTML/ webpack怎樣使用happypack的

webpack怎樣使用happypack的

在vue-cli構(gòu)建的項(xiàng)目里的想使用happypack這個(gè)插件加快項(xiàng)目的構(gòu)建的 但是不知道怎么用 看了下github上的介紹 還是不太明白 上面寫的在webpack.config.js配置如果下代碼
var HappyPack = require('happypack');

exports.plugins = [
new HappyPack({

// loaders is the only required parameter:
loaders: [ 'babel?presets[]=es2015' ],

// customize as needed, see Configuration below

})
];

exports.module = {
loaders: {

test: /.js$/,
loaders: [ 'happypack/loader' ],
include: [
  // ...
],

}
};

但是現(xiàn)在webpack里沒有webpack.config.js文件呀 這應(yīng)該是在webpack.base.conf.js里配置不是在webpack.prod.conf.js或者webpack.dev.conf.js里配置呢
現(xiàn)在webpack.base.conf.js代碼是這樣的
'use strict'
const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')

function resolve (dir) {
return path.join(__dirname, '..', dir)
}

module.exports = {
context: path.resolve(__dirname, '../'),
entry: ["babel-polyfill", "./src/main.js"],
/*entry: {

app: './src/main.js'

},*/
output: {

path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
  ? config.build.assetsPublicPath
  : config.dev.assetsPublicPath

},
resolve: {

extensions: ['.js', '.vue', '.json'],
alias: {
  'vue$': 'vue/dist/vue.esm.js',
  '@': resolve('src'),
  'components': path.resolve(__dirname,'../src/components'),
  'assets': path.resolve(__dirname,'../src/assets'),
  'js': path.resolve(__dirname,'../src/js'),
  'api': path.resolve(__dirname, '../src/api'),
  'service': path.resolve(__dirname, '../src/service'),
  'tools': path.resolve(__dirname, '../src/tools'),
  'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery')
}

},
module: {

rules: [
  {
    test: /\.vue$/,
    loader: 'vue-loader',
    options: vueLoaderConfig,
    exclude: /node_modules\/(?!(autotrack|dom-utils))|vendor\.dll\.js/
  },
  {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test'), resolve('node_modules/_iview@2.7.3@iview/'), resolve('node_modules/_vue-confirm@1.1.1@vue-confirm')]
  },
  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('media/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }
  }
]

}
}

回答
編輯回答
情殺

在webpack.base.conf.js里配置,把loader改成happypack就可以了

2017年9月27日 17:09