在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ webpack,創(chuàng)建一個(gè) library失???

webpack,創(chuàng)建一個(gè) library失?。?/h1>

用webpack打包,創(chuàng)建一個(gè) library失敗了,入口文件如下:

export default {
    dialog,
    alert,
    confirm,
    toast,
    loading,
    actionSheet,
    topTips,
    searchBar,
    tab,
    form,
    uploader,
    picker,
    datePicker,
    gallery,
    slider,
    step,
    accordion,
    stepper,
    tabs,
    popover
};

然后webpack配置文件為:

entry: './src/js/mtui.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: './js/',
    filename: 'mtui.min.js',
    library: 'mtui',
    libraryTarget: 'umd',
  },
  externals: {
    lodash: {
      commonjs: 'lodash',
      commonjs2: 'lodash',
      amd: 'lodash',
      root: '_'
    }
  },

打包時(shí)并沒(méi)有報(bào)錯(cuò),打包出來(lái)后
我如下調(diào)用時(shí):

import mtui from './uilts/mtui.min'

則報(bào)錯(cuò):

"export 'default' (imported as 'mtui') was not found in './uilts/mtui.min'

然后如果我換種調(diào)用方式:

const mtui = require('./uilts/mtui.min')

控制臺(tái)打印出來(lái)的卻只有一下內(nèi)容,我原來(lái)導(dǎo)出的對(duì)象并沒(méi)有

clipboard.png

請(qǐng)問(wèn)一下大家,這是為什么?怎么解決?

回答
編輯回答
使勁操
  1. 你用這個(gè)配置試試

    libraryExport: 'default' // webpack3加的配置

    但是這么著好像就不能用umd方案了

  2. 或者用module.exports導(dǎo)出,但是這樣就不能用webpack3的 Scope Hoisting特性了(只支持es module),本來(lái)就沒(méi)用的話無(wú)所謂。

感興趣的話可以看看這個(gè)

2018年1月27日 22:05