webpack配置

支持版本 IDE >= 1.25

内置的React模板和Vue模板支持webpack配置和babel配置。

通过调试，查看控制台日志输出，可得知webpack的版本，以便正确使用对应的webpack插件或者loader的版本。

在项目根目录新增 vue.config.js 即可。

注意：Vue模板目前仅支持 configureWebpack 字段的配置，其他字段配置不支持。

配置示例：

vue.config.js

const copyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    configureWebpack: {
        plugins: [new copyWebpackPlugin(
            [
              { from: 'wecode.json', to: './' },
            ]
          )
        ]
    }
};

另外，vue模板支持 postcss 配置，新增 postcss.config.js

配置示例：

postcss.config.js

module.exports = {
    plugins: [
        require('autoprefixer'),
        require('postcss-px2rem')({
        remUnit: 75,
        threeVersion: true
      })]
  };

在项目根目录新增 webpack.config.js 即可。

React和Vue模板都支持babel配置，可以通过新增 babel.config.js或者.babelrc配置。

配置示例：

babel.config.js

module.exports = {
    plugins: [
        [require.resolve('babel-plugin-import'), {
            libraryName: 'vant',
            libraryDirectory: 'es',
            style: true
        }, 'vant']
    ]
}

需要注意的是，插件需要通过 require.resolve  函数处理，否则会提示插件找不到问题。