webpack升级到3后，遇到的问题

[diamont1001]

webpack 升级到 3 后，据说对 JS 的性能提升很大，但是在拥抱变化的同时，往往也有些坑需要去踩的，以下是记录的一些我踩过的一些坑，记录一下。

output.path 绝对路径

output.path 现在要求写绝对路径了，所以要做一下兼容。
原来的：

output: {
    path: path.resolve('../dist'),
}

要改成：

output: {
    path: path.resolve(__dirname, '../dist'),
}

extract-text-webpack-plugin 插件配置方式改变了

在之前的 css 文件分离时使用到的插件 extract-text-webpack-plugin，现在配置上有点改动。
原来的：

{ test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") },
{ test: /\.less$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!less-loader') },

现在不能这么偷懒的配置了，需要这样：

const path = require('path');
...
{
  test: /\.css$/,
  loader: ExtractTextPlugin.extract({
    fallback: 'style-loader',
    use: ['css-loader']
  })
},
{
  test: /\.less$/,
  loader: ExtractTextPlugin.extract({
    fallback: 'style-loader',
    use: ['css-loader', 'less-loader']
  })
},

=================================
其实还有很多，以后慢慢补吧！！！