捆绑JS文件（webpack）

Question

使用webpack选择哪一个：

import $ from 'jquery';

或

var $ = require('jquery');

以及如何导入或要求一个没有任何东西可以导出的文件（只有帮助函数）？

使用var $ =方法时，require('jquery');是强制性的吗？

Answer 1

取决于您是否使用babel-loader。

如果您不想使用ECMA6 + / JSX语法编写，那么使用较旧的CommonJS / node.js require('jquery');语法可以保护浏览器安全。

如果您想支持更新的语法，如ECMA6，ECMAscript-2015，ECMA7，JSX等，您可能希望使用babel-loader和ECMA6 import syntax。但是要注意导入default vs named vs alias vs wildcard导入，您可能希望使用语法：

import {jQuery as $} from 'jquery';

或

import $ from 'jquery';

有关导入jquery here的方法的更多信息。

如果您不想从模块导入任何特定名称（例如，如果您导入jQuery只是为了让它自己添加到全局window.jQuery = window.$），您可以说{{1} }。

要在webpack中启用import 'jquery';，请使用以下配置：

babel-loader

webpack.config.js

另请注意，您可以使用webpack ProvidePlugin，就像我在此配置中所做的那样，为希望它作为全局变量提供的模块提供jQuery。