Webpack jstz_min 未定义

Question

我正在使用带有以下代码的 webpack

var webpack = require("webpack");    
module.exports = [
{
  name: 'libs',
  entry: [   
      'js/jstz.js',
      'js/jstz_min.js'
    ],
  output:{
        filename: "libs.js"
    },  
  resolve: {
      alias: {
        jstz_min: 'jstz_min.js'
      }
  }
},    
{
  name: 'main',
  entry:  [
       'jstzDemo.js'
      ],
  output: {
    filename: "main.js"
  }
}];

在 jstzDemo.js 我有以下代码

 function getTimezoneName() {
        timezone = jstz_min.determine()
        return timezone.name();
    }

在 index.html 中，我包含了 libs.js 和 main.js，它们是来自 webpack

的输出文件

我从 jstz_min

下载了 jstz_min

问题在于加载页面，"ReferenceError: jstz_min is not defined" 错误是 occuring.Any 需要在 webpack.config.js?

中进行更改

Answer 1

未测试，但您的配置可以更改为：

var webpack = require("webpack");    
module.exports = [
{
  entry: {
      main: 'jstzDemo.js',
      libs: 'js/jstz_min.js'
  },
  output:{
      filename: "[name].js"
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin('libs', 'libs.js')
  ]
}];

jstzDemo.js:

var jstz = require('js/jstz_min.js');

function getTimezoneName() {
    timezone = jstz.determine()
    return timezone.name();
}

Webpack jstz_min 未定义

Webpack jstz_min not defined

javascript

webpack

html-webpack-plugin