gulp在.net核心中加载bootstrap / jquery

Staggerlee011

试图将我的.net核心jquery,bootstrap等从静态文件移动到package.json / npm更新。看来我需要吞咽或咕gr地做这项工作。但我找不到任何从堆栈或其他地方的例子。有人能举一个例子或一个网站吗?

蒂莫西·马卡里亚(Timothy Macharia)

解决方案1(推荐)

使您的移动/迁移尽可能轻松而轻松的最佳方法是使用Libman for Asp.Net Core,该工具操作起来很简单。

它只需要您指定所需库的名称和输出文件夹,同时允许您选择要复制的文件而不是整个库。

这种方法的好处是它具有vs集成功能,并在您键入时提供智能感知。

解决方案2

编写一项gulp任务,将所需文件从npm文件夹移至wwwroot文件夹。

假设您已经安装了gulpfile,请安装一个名为gulp-rename的附加模块

npm i gulp-rename --save-dev

范例

var rename = require('gulp-rename');
var staticFiles = [
    './node_modules/jQuery/dist/**/*.js',
    './node_modules/bootstrap/dist/**/*.{js,css}'
];

gulp.task('npmModules', function(){
    // the base option sets the relative root for the set of files,
    // preserving the folder structure
    return gulp.src(staticFiles, { base: './' })
    .pipe(rename(path => path.dirname = path.dirname.replace('node_modules', '')))
       .pipe(gulp.dest('wwwroot/dist/'));
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery问题使用Gulp设置Bootstrap SASS

来自分类Dev

在Yii 2中加载jQuery之类的核心脚本

来自分类Dev

如何使用 Browserify / Gulp 要求 Bootstrap 4 依赖项(jQuery 和 Popper.js)

来自分类Dev

gulp browserify shim和jQuery依赖

来自分类Dev

jquery-ui上的Gulp Wireded错误

来自分类Dev

在jQuery中加载图片

来自分类Dev

在jQuery中加载图片

来自分类Dev

使用gulp实时重新加载

来自分类Dev

Gulp-Gulp加载插件不起作用

来自分类Dev

jQuery在ajax中加载的内容

来自分类Dev

Gulp的默认任务由于Generator-ko的jQuery错误而失败

来自分类Dev

从mvc.net核心中的数据库加载图像

来自分类Dev

.net核心中的沙箱

来自分类Dev

加载时无法在ajax中加载jquery

来自分类Dev

加载文件后运行gulp任务

来自分类Dev

Gulp,HTML模板和片段加载

来自分类Dev

用Gulp实时加载index.html

来自分类Dev

在Gulp中使用BrowserSync重新加载HTML

来自分类Dev

无法在gulp dist构建上加载模板

来自分类Dev

VS 2015 Gulp无法加载消息

来自分类Dev

用Gulp实时加载index.html

来自分类Dev

bootstrap jquery 加载顺序

来自分类Dev

ReactJs.Net,Gulp,Babel,Browserify MVC

来自分类Dev

ReactJs.Net,Gulp,Babel,Browserify MVC

来自分类Dev

在CruiseControl.NET上运行gulp任务

来自分类Dev

用jQuery或PHP在div中加载页面

来自分类Dev

使用jQuery在容器中加载更多帖子

来自分类Dev

显示未在jquery中加载的图像路径

来自分类Dev

无法在SharePoint中加载Jquery UI脚本?