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未定义”错误正在发生。在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没有定义

1 个答案: