代码之家 › 专栏 › 技术社区 › Ash

如何将外部javascript库添加到Webpack?

selectize.js webpack javascript

Ash · 技术社区 · 6 年前

我做了以下工作:

当我打开编译后的application.js时,我可以搜索“selectize”——但是当我在javascript(或通过控制台)中尝试这一点时:

$('#list').selectize({ delimiter: ',' });

Uncaught TypeError: $(...).selectize is not a function .

我知道我必须在config/webpack/environment.js中添加一些东西才能让jQuery工作,我必须做些什么才能让这个库工作吗?如果是,我错过了什么?

2 回复 | 直到 6 年前

R.Sarkar 6 年前

使用jquery作为webpack中的插件来自动执行。 Here 你可以找到文件。您必须在webpack.config.js文件中进行一些更改。

plugins: [
new webpack.ProvidePlugin({$: 'jquery',jQuery: 'jquery'})]

Asif vora 6 年前

npm i jquery 你可以导入并尝试一下,希望对你有所帮助。

import jquery from "jquery";

new webpack.ProvidePlugin({
  $: jquery,
  jQuery: jquery
});

Moo 4 年前

以下Github问题解决了您的问题: https://github.com/selectize/selectize.js/issues/1421 . 这是通过webpack导入时selectize库中断的问题。暂时的解决方案是手动导入库。

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前