Vue-cli 版本 3 BETA webpack 配置

我正在尝试学习和测试即将推出的 vuejs/vue-cli ( beta 3.0 ) 版本，这将是朝着最简单的 webpack 配置迈出的一大步。 与此同时，例子很少......

作为测试，我尝试从 vue-cli v2

webpack.dev.conf.js

plugins: [
    //...
    // copy custom static assets
    new CopyWebpackPlugin([
        {
            from: path.resolve(__dirname, '../static'),
            to: config.dev.assetsSubDirectory,
            ignore: ['.*']
        }
    ]) ]

到新的 vue-cli 版本 3（测试版）

vue.config.js

const path = require('path')

module.exports = {
    chainWebpack: config => {
        config
            .plugin('copy')
            .use(require('copy-webpack-plugin')), [{
                from: path.resolve(__dirname, '../static'),
                to: 'static', ignore: ['.*']
            }]
    }
}

running

npm run serve

不抱怨...

所以看起来没问题，但我想知道是否有一些关于这个主题的论文、图例、示例……目前我只是通过阅读现有的代码源来发现新功能

目前我正在努力转换这个：

new webpack.ProvidePlugin({
  $: 'jquery',
  jquery: 'jquery',
  jQuery: 'jquery',
  'window.jQuery': 'jquery'
}),

我试过 。

config
  .plugin('provide')
  .use(require('webpack.ProvidePlugin')), [{
    $: 'jquery',
    jquery: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery'
  }]

但我收到错误：

 INFO  Starting development server...
 ERROR  Error: Cannot find module 'webpack.ProvidePlugin'
 Error: Cannot find module 'webpack.ProvidePlugin'
   at Function.Module._resolveFilename (module.js:536:15)

这应该可以工作，除非你不使用 webpack v4（v4 由于某种原因抛出错误）：

const webpack = require('webpack');

module.exports = {
    chainWebpack: config => {
        config
            .plugin('provide')
            .use(webpack.ProvidePlugin, [{
                $: 'jquery',
                jquery: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery'
            }]);
    },
};

This https://github.com/mozilla-neutrino/webpack-chain#getting-started（在我在评论部分与您分享的文档中找到）如果您想进行一些更改，您可能需要熟悉一下vue-cli配置。

注意：您必须使用数组将参数传递给插件。尽管插件本身需要一个对象，use()正在等待参数数组。这就是为什么你应该使用数组来代替。