在根目录上使用文件 webpack.minapp.js 或 webpack.minapp.ts（如果使用了 ts，需要安装 ts-node 模块）

注意：

  • minapp@v1 使用的是 webpack@3，所以请使用 webpack@3 相关的插件或配置
  • minapp@v2 使用的是 webpack@4，所以请使用 webpack@4 相关的插件或配置如:
  1. // webpack.minapp.js
  3. module.exports = function(webpackOpts, webpack, env) {
  4.   // minapp build 时 env.mode 为 production
  5.   // minapp dev   时 env.mode 为 development
  7.   if (env.mode === 'production') {
  9.   } else {
  11.   }
  13.   // env 中还有许多其它环境相关的变量，输出查看其结构
  14.   // console.log(env)
  15. }
  1. // webpack.minapp.ts
  3. export default function(webpackOpts: any, webpack: any, env: any) {
  4.   // minapp build 时 env.mode 为 production
  5.   // minapp dev   时 env.mode 为 development
  7.   if (env.mode === 'production') {
  9.   } else {
  11.   }
  13.   // env 中还有许多其它环境相关的变量，输出查看其结构
  14.   // console.log(env)
  15. }

另外 minapp v2 中，可以自定义修改 loader 或 loader 的配置，如：

  1. module.exports.updateLoaders = function(loaders, env) {
  2.   /** 修改 ts loader **/
  3.   loaders.ts.loader = 'awesome-typescript-loader' // 使用本地的 awesome-typescript-loader
  4.   loaders.ts.options = {} // 修改配置
  7.   /** 添加 postcss plugin **/
  8.   loaders.postcss.options.plugins.push(/* your plugin */)
  11.   /** 添加 babel plugin (ts 项目不会使用 babel-loader) **/
  12.   loaders.babel.options.plugins.push(/* your plugin */)
  15.   /** 查看 loaders 结构 **/
  16.   console.log(loaders)
  17. }