我是新手,我尝试将skrollr.js添加到webpack的配置中,以便在需要的时候使用它,但我不确定什么是正确的方法,我发现无论是使用别名还是导出为模块,但缺少一些东西
webpack.config.js
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
(function () {
'use strict';
require('./skrollr.js');
var s = skrollr.init({
但是当我运行“webpack”的时候
node_modules/.bin/webpack -display-error-detalis
它会给出一个错误
Uncaught ReferenceError: skrollr is not defined
单击错误文件:
/*** 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
**/
https://stackoverflow.com/questions/39249220
复制相似问题