import 引入不了模块

安装了jquery模块,并且在webconfig写入插件,但是在入口文件引入不了

var path = require('path');
var webpack = require('webpack');
module.exports = {
    entry: "main.js",
    output: {
        path:__dirname,
        filename: "aa.js"
    },
    devServer:{
        inline:true
    },
    module:{
        loaders: [{
            test:path.join(__dirname,'es6'),
            loader:'babel-loader',
            query: {
                presets: ['es2015']
            }
        }]
    },
    plugins:[
        new webpack.ProvidePlugin({
            $:"jquery",
            jQuery:"jquery",
            "window.jQuery":"jquery"
        })
    ]
}

入口文件:
import $ from 'jquery';

找不到jquery 模块是不是配置文件的原因?

阅读 3.2k
1 个回答

找了许久才看到了一个答案,好像是jquery中的window.jQuery=window.$.....在打包后没有运行到。因为我是在入口文件引入jquery的,所以在入口文件中要这样写:window.$=$;其他入口文件如果也是要全局使用的话也需要这样写,比如knockout,比如下面:`import $ from 'jquery';

import ko from "knockout";

import abc from './cc.js';
window.$ = $;
window.ko =ko;`

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进