javascript - 如何在 webpack 中使用 uikit ?
PHPz
PHPz 2017-04-10 14:58:16
[JavaScript讨论组]
require('uikit/css/uikit.gradient.css');
require('uikit/css/components/placeholder.gradient.css');
require('uikit/css/components/form-file.gradient.css');
require('uikit/css/components/progress.gradient.css');

var $ = require('jquery');
var UIkit = require('uikit/js/uikit.js'); // 把uikit引用进来 浏览器就会提示脚本有错。
require('uikit/js/components/upload.js'); // 还要我该怎么使用uikit的upload组件?

把uikit引用进来 浏览器就会提示脚本有错。
可以uikit 是支持AMD规范的呀,
http://getuikit.com/docs/documentation_javascript.html#amd-support

应该和配置没关系吧?我的 webpack.config.js 是这样:


var path = require("path"); var webpack = require('webpack'); var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin"); module.exports = { entry: { zyfaq: "./app/zyfaq/zyfaq.js" }, output: { path: __dirname + '/public/js', filename: "[name].min.js" }, module: { loaders: [ { test: /\.css$/, loader: "style!css" }, { test: /\.less$/, loader: "style!css!less" }, { test: /\.(woff|ttf|eot|woff2)$/, loader: "file"} ] }, resolve: { root: [path.join(__dirname, "bower_components")] }, plugins: [ // new webpack.optimize.UglifyJsPlugin(), new webpack.ResolverPlugin( new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"]) ), new CommonsChunkPlugin("common.min.js") ] };
PHPz
PHPz

学习是最好的投资!

全部回复(1)
伊谢尔伦

我不知道你UIkit是哪个?这个UIkit有没有兼容commonjs或者AMD、CMD你要看看。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号