评论

webpack为小程序输出npm包

小程序支持npm包构建,但没有很好的解决npm包的深依赖,导致有很多好的Npm包不能被使用。so~,使用webpack来解决这个问题

我知道小程序支持npm包构建,但没有很好的解决npm包的深依赖,导致有很多好的Npm包不能被使用。so~,使用webpack来解决这个问题

const path = require('path');

module.exports = {
  entry: './_hp2.js',

  output: {
    filename: 'hp2.js',
    path: path.resolve(__dirname),
    libraryTarget: 'commonjs2'
  },

  mode: 'production',

  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        options: {
          babelrc: false,
          presets: [
            'env',
            'stage-0'
          ]
        }
      }
    ]
  }
};

_hp2.js

module.exports = require('...')  // npm包名称

注意libraryTarget: 'commonjs2'一定要设置,保证require的文件能够被正确引入

这样输出的js文件可以直接被小程序调用

点赞 2
收藏
评论
登录 后发表内容