首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Webpack给出了添加Javascript库的未定义

Webpack给出了添加Javascript库的未定义
EN

Stack Overflow用户
提问于 2016-08-31 20:06:49
回答 1查看 1.2K关注 0票数 0

我是新手,我尝试将skrollr.js添加到webpack的配置中,以便在需要的时候使用它,但我不确定什么是正确的方法,我发现无论是使用别名还是导出为模块,但缺少一些东西

webpack.config.js

代码语言:javascript
运行
复制
 module.exports = {
  entry: ["./app/scripts/main.js","./app/scripts/skrollr.js"],
  output: {
     filename: "./app/scripts/bundle.js"
     },
  resolve: {
     extensions: ['', '.js', '.jsx'],
     alias: {"skrollr" : "./skrollr.js"}
     },
   module: {
      loaders :[
      {test:/\.(jsx|js)$/,exclude: /node_modules/,loader: 'imports?jQuery=jquery,$=jquery,this=>window' },
      {test:/skrollr.js/,exclude: /node_modules/,loader: 'exports?skrollr'}
           ]
      }
};

我有一个main.js文件,它需要skroller变量,以旧的方式,它是在HTML中的脚本标记中,在main之前加载的,所以它是可用的。

main.js

代码语言:javascript
运行
复制
(function () {
  'use strict';
   require('./skrollr.js');
   var s = skrollr.init({

但是当我运行“webpack”的时候

代码语言:javascript
运行
复制
 node_modules/.bin/webpack -display-error-detalis

它会给出一个错误

代码语言:javascript
运行
复制
Uncaught ReferenceError: skrollr is not defined

单击错误文件:

代码语言:javascript
运行
复制
/*** IMPORTS FROM imports-loader ***/
 var jQuery = require("jquery");
 var $ = require("jquery");

 /*** EXPORTS FROM exports-loader ***/
 module.exports = skrollr;
 }.call(window));
 /*****************
  ** WEBPACK FOOTER
  ** ./app/scripts/skrollr.js
  ** module id = 2
  ** module chunks = 0
  **/
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39249220

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档