jquery-ui和webpack,如何管理它成模块?

前端之家收集整理的这篇文章主要介绍了jquery-ui和webpack,如何管理它成模块?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有什么想法怎么处理呢?我的意思是jquery-ui似乎不是amd,我不知道如何管理,任何想法?

解决方法

你运气好,昨天这样做,这很简单。

npm install –save jquery jquery-ui

确保您有使用jquery别名来解决webpack.config.js中的插件

...
plugins: [
    new webpack.ProvidePlugin({
      "$":"jquery","jQuery":"jquery","window.jQuery":"jquery"
    }),...

然后在webpack.config.js中包含两个别名

> node_modules文件
> jquery-ui文件

“““

resolve : {
    alias: {
      // bind version of jquery-ui
      "jquery-ui": "jquery-ui/jquery-ui.js",// bind to modules;
      modules: path.join(__dirname,"node_modules"),

确保jquery首先加载到您的应用程序启动文件中。

var $ = require("jquery"),require("jquery-ui");

如果需要使用主题配置css-loader和文件加载器。不要忘记npm安装那些装载机。

module: {
    loaders: [
      { test: /\.css$/,loader: "style!css" },{ test: /\.(jpe?g|png|gif)$/i,loader:"file" },

并在您的应用程序启动文件中使用。

require("modules/jquery-ui/themes/black-tie/jquery-ui.css");
require("modules/jquery-ui/themes/black-tie/jquery-ui.theme.css");

猜你在找的jQuery相关文章