如何在ASP.NET Core中使用npm
我正在使用NPM来管理我的ASP.NET Core应用程序所需的jQuery,Bootstrap,Font Awesome和类似的客户端库. 从为我添加一个package.json文件开始,对我有用的方法,看起来像这样: { "version": "1.0.0", "name": "myapp", "private": true, "devDependencies": { }, "dependencies": { "bootstrap": "^3.3.6", "font-awesome": "^4.6.1", "jquery": "^2.2.3" } } npm将这些软件包还原到node_modules文件夹,该文件夹与项目目录中的wwwroot相同的级别: 作为ASP.NET Core为WWWRoot文件夹提供静态文件,而Node_modules不存在,我必须进行几个更改才能进行此工作,这是第一个
0 2024-04-11
编程技术问答社区
将单独的供应商文件与Gulp+浏览
更新1 我越来越近,但仍然有一些模块问题. 具体来说,我试图包括Morris.js(Morris.js06)软件包. 我现在有我的Gulp似乎能够生成单独的应用程序和供应商软件包. jQuery,bootstrap等都在外部引用.但是有些包似乎仍然不起作用. 在我的应用打字稿文件中,我有这个. import "raphael"; import { Morris } from "morris.js06"; 在Gulp中,我像这样捆绑了. var bundler = browserify({ entries: ['wwwroot/scripts/App.ts'], cache: {}, packageCache: {} }); packageReferencesArray.forEach(function (packageReference) {
6 2024-04-05
编程技术问答社区
如何为浏览器用户gulp和tsproject捆绑typescript文件?
我是前端开发的新手,是很长一段时间的后端C#和Java开发人员,我正在尝试掌握如何 build 前端应用程序.我想使用TypeScript构建一个应用程序,然后将Gulp用于我的构建管道,以将代码捆绑,捆绑和将我的代码缩小到一个JavaScript文件. 为此,我一直在查看节点模块这是我的gulpfile.js的相关部分: var gulp = require('gulp'); var clean = require('gulp-clean'); var tsproject = require('tsproject'); gulp.task('default', [ 'min-js' ]); gulp.task('clean', function () { return gulp .src('./dist/', { read: false }) .pipe(clean()); }); gulp.task('min-js', [ '
0 2024-04-05
编程技术问答社区
将ASP.NET MVC 5的捆绑 "版本 "迁移至MVC 6
捆绑功能不包括MVC 6,建议的方法是使用Gulp任务进行捆绑. 使用捆绑,我们过去在随附的CSS/JavaScript文件URL的末尾获得了随机 String .此字符串非常重要文件. 因此,如果您有3个CSS文件,它们将被捆绑成一个,它们看起来像这样: 如何在MVC 6中实现相同的功能?我不知道Gulp是否可以在这里提供帮助,但是我已经在使用Gulp进行缩小和捆绑. 解决方案 对于beta6设置asp-file-version="true"保留缓存行为: 对于beta7,使用asp-append-version="tru
0 2024-04-05
编程技术问答社区
gulp将所有css文件最小化为一个文件
我的大量任务脚本如下, // loads various gulp modules var gulp = require('gulp'); var concat = require('gulp-concat'); var minifyCSS = require('gulp-minify-css'); var autoprefixer = require('gulp-autoprefixer'); var rename = require('gulp-rename'); // create task gulp.task('css', function(){ gulp.src('src/css/**/*.css') .pipe(minifyCSS()) .pipe(rename('style.min.css')) .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', '
0 2024-04-05
编程技术问答社区
Gulp和Browserify总是给出 "dest.write不是一个函数 "的错误。
我正在尝试在我的墨西哥杂货文件中使用浏览器,但是无论我如何设置内容,它总是会丢弃一个错误,读取" dest.write不是函数".我最初使用Gulp-Concat从此任务开始: gulp.task('scripts', function() { return gulp.src(['src/shared/js/one.js', 'src/shared/js/two.js', 'src/shared/js/*.js']) .pipe(browserify() .pipe(concat('main.js')) .pipe(gulp.dest('dist/js')) .pipe(browserSync.stream()); }); 当我评论browserify()行时,一切都很好.在搜索搜索错误消息的解决方案时,我发现>这里): var gulp = require('gulp'); var browseri
0 2024-04-05
编程技术问答社区
任务运行器(Gulp, Grunt等)和捆绑器(Webpack, Browserify)。为什么要一起使用?
我正在尝试了解包括咕unt,吞噬,webpack,浏览的技术,但我觉得它们之间没有太大的区别. 换句话说,我觉得WebPack可以完成任务跑步者所做的一切.但是,我仍然有一个很大的例子,其中使用了Gulp和Webpack.原因是什么? 我可能会朝错误的方向走.我错过了什么吗?如果是这样,什么? 解决方案 grunt 和 webpack 和 browserify 是软件包.基本上,它们旨在贯穿所有软件包的依赖项,并将其源连接到一个文件中,该文件(理想情况下)可以在浏览器中使用.它们对现代网络开发很重要,因为我们使用的许多库是用 node.js 和 v8 编译器.同样,有一些利弊,有些开发人员更喜欢一个或另一个(有时两者!)的原因.通常,这些解决方案的输出捆绑包包含某种引导机制,以帮助您在潜在的巨大捆绑包中获取正确的文件或模块. 跑步者和捆绑器之间的模糊线可能是,捆绑机也可以进行复杂的转换或 trans-pilations 在他们的运行时可以做一些任务跑步者可以做的
0 2024-04-05
编程技术问答社区
uglify在压缩任务中出错 在插件'gulp-uglify'
[12:20:17] Finished 'images' after 12 s Error from uglify in compress task Error in plugin 'gulp-uglify' Message: D:\projects\Source\app\scripts\vendor.js: SyntaxError: Unexpected token: keyword (default) Details: fileName: D:\projects\Source\app\scripts\vendor.js lineNumber: 96908 [12:23:39] Finished 'fonts' after 3.55 min [12:23:49] Finished 'jshint' after 3.75 min 我在Gulp Build上的错误之上.到目前为止,我已经尝试了 gulpuglifyError:无法缩小Javascript 无法成
0 2024-04-05
编程技术问答社区
只使用gulp或webpack来构建这个节点项目
我的项目具有此文件夹结构: node | .gitignore | gulpfile.js | package.json | tsconfig.json | webpack.config.js | +---build | | debug.js | | main.js | | | +---client | | +---scripts | | | bundle.js | | | | | \---views | | index.html | | | | | \---server | | constants.js | | server.js | | | \---router | | constants.js
0 2024-04-05
编程技术问答社区
使用Gulp Notify & Plumber的全局错误信息
是否可以创建一个可以将标题和错误消息传递给? 的全局OnError函数 我想对所有任务进行类似的操作. onError = function(error) { $.notify.onError({ title: 'Error', subtitle: ' did not compile!', message: '' })(error); }; 解决方案 您可以简单地将OnError函数保存为变量: var onError = notify.onError({ title: 'Error', subtitle: ' did not compile!', message: '' }); 以及
2 2024-04-05
编程技术问答社区
React构建工具和开发服务器
在为学习目的开始的项目设置开发环境和服务器方面需要一些方向.我想将reacjs与bootstrap一起使用.上次我与ReactJ合作时,已经配置了构建和服务器,我不必做很多事情.我们正在使用NPM,Gulp和其他许多东西. 现在我正在尝试设置这个问题,我不确定该怎么办.有人可以概述我可以遵循的最简单步骤.我想使用最新版本的React Eco-System,理想情况下具有构建系统来缩小和组合文件和内容. Google上有太多信息,以至于令人困惑.我面临的另一个挑战是在package.json中要指定的版本.我决定使用webpack,而不是吞噬.不确定是否要与Gulp或Webpack一起使用,但决定与WebPack一起使用.这一切都在起作用,但不确定我是否拥有所有内容的最新版本或需要更多内容.我肯定知道我没有任何观察者可以在更改上自动刷新页面.对于服务器,我只是在使用NPM,不确定这是我所需要的还是使用其他人的任何优点. 这是我的软件包.JSON { "name": "
0 2024-04-05
编程技术问答社区
从其他Gulp任务中的Gulp任务?
我有一个由与此类似的其他构建任务组成的大量构建任务: gulp.task('build', ['build-html', 'build-css', 'build-js', 'build-images']); 我讨厌的事情是build任务直到依赖项完成后才运行: Starting 'build-html'... Finished 'build-html' after 1 s Starting 'build-css'... Finished 'build-css' after 1 s Starting 'build-js'... Finished 'build-js' after 1 s Starting 'build-images'... Finished 'build-images' after 1 s Starting 'build'... Finished 'build' after 1 ms 现在显然,build在依赖项完成之前根本不应该运行,因此它可以按预期工
2 2024-04-05
编程技术问答社区
Gulp没有覆盖目标文件
我有一个问题,关于吞噬.我决定将源和样式如何编译到一个文件中的过程中自动化,因此我决定将GULP用于此目的.但是,它不想覆盖我正在从项目中所有.js文件中创建的application.js文件.奇怪的是,它实际上覆盖了已编译的CSS文件,该文件是从项目中的所有.less文件中生成的. 这是我的项目文件结构的样子: . ├── gulpfile.js └── apps ├── base ├── controllers ├── controllerBaseOne.js └── controllerBaseTwo.js ├── directives ├── directiveBaseOne.js └── directiveBaseTwo.js ├── services └── serviceBaseOne.js
0 2024-04-05
编程技术问答社区
gulp-filter过滤掉所有文件
我正在努力将工作流程移至吞噬,我很喜欢它.但是,我似乎已经误解了一些关于墨西哥湾滤波器插件的工作方式... 我有以下任务: gulp.task('assets', function() { var stylesFilter = gulpFilter(stylesPath); var imagesFilter = gulpFilter(imagesPath); var scriptsFilter = gulpFilter(scriptsPath); return gulp.src([].concat('app/**/*.html', stylesPath, imagesPath, scriptsPath)) // STYLES .pipe(stylesFilter) .pipe(gulp.dest('dist/test_styles')) // For debugging! .pi
0 2024-04-05
编程技术问答社区
为生产准备的Ionic应用程序的任务
我正在尝试找出从代码传递到最终可部署的APK/IPA的最佳过程是什么. 到目前为止,我使用Karma + Jasmine有一个测试套件,该套件将打字稿转换为JS并运行一些单位测试.我通过Gulp开始该过程. 之后,我所知道的就是ionic build android --release生成的(尚未签名)APK. 但是我不确定生成的apk是如何被用途/降低的. 因此,请记住,代码必须尽可能私密,是否足够的ionic build uscation uscation或我应该通过吞噬手动执行所有这些预构建任务? 在这种情况下,我应该运行的正确任务是什么,我是否必须将所有打字稿文件移动到JS?我应该按什么顺序运行任务? 例如. transpile -> tests -> minify -> uglify -> build apk或minify -> uglify -> transpile -> tests -> build apk 我对此有些迷失,我唯一能确定的是测试
2 2024-04-05
编程技术问答社区
批量脚本在`gulp`过程完成后停止执行,不继续执行脚本的其余部分
我正在尝试编写一个简单的批处理文件来构建gulp项目和maven项目. 当前文件如下: cd C:\my\file\path cmd /k gulp maven-deploy-local cd C:\my\file\path\two\project-pom-parent cmd /k mvn clean install -Dmaven.test.skip=true 每当我运行此脚本时,命令行都会在第2行和第3行之前停止.我最终在cmd中以闪烁的光标查看此行: c:\ my \ file \ peth> 如果我在没有cmd /k的情况下运行文件(如下),则提示只需在第2行之后和第3行之前关闭. cd C:\my\file\path gulp maven-deploy-local cd C:\my\file\path\two\project-pom-parent mvn clean install -Dmaven.test.skip=true 如何修改批
2 2024-04-05
编程技术问答社区
在gulp任务中删除文件
我有一个Gulp任务,我想将一些源文件复制到build/premium和build/free,然后从中删除一些额外的文件 build/free. 我正在尝试这样做的尝试: gulp.task("build", ["clean"], function () { gulp.src(["src/*", "!src/composer.*", "LICENSE"]) .pipe(gulp.dest("build/premium")) .pipe(del(["build/free/plugins/*", "!build/free/plugins/index.php"])) .pipe(gulp.dest("build/free")); }); 导致错误: TypeError: dest.on is not a function at DestroyableTransform.Stream.pipe (stream.js:45:8) a
0 2024-04-04
编程技术问答社区
在gulp任务完成所有文件后运行代码
所以我一直在尝试散发着与速度相比,结果对结果的印象非常深刻,但是我有一件事我不知道该怎么做. 所以我有这个Gulp任务来缩小HTML: gulp.task('html-minify', function() { var files = [ relativePaths.webPath + '/*.html', relativePaths.webPath + '/components/**/*.html', relativePaths.webPath + '/' + relativePaths.appPath + '/components/**/*.html' ]; var changedFiles = buildMetaData.getChangedFiles(files); //TODO: needs to execute only after successful run of the task buildMetaData.a
0 2024-04-04
编程技术问答社区
从主分支的/dist文件夹中托管github页面
我试图将我的-username-.github.io存储库发布到github页面,但我的index.html在dist文件夹中. 我不能使用git subtree push --prefix dist origin gh-pages,因为这是针对项目页面而不是用户/org页面的. 我想要的是,github将DIST视为托管用户/组织页面的根目录.请帮助.谢谢 ps:我不想进行重定向hack. 解决方案 您不能这样做. github页面可以托管: 主分支中的/文件夹 / gh-pages分支中的文件夹 主分支中的/docs文件夹 但是必须从主分支中的/文件夹中构建用户页面. 提示 另一个分支上的代码以外的代码.每次推到该分支之后,将其构建在任何CI/CD工具中,然后将其推回主分支. 其他解决方案 配置github的出版源页(非常有限) 当您 can 选择一个文件夹作为GH页面的源时,您只能在父级为/docs目录做 ,
0 2024-04-04
编程技术问答社区
如何通过Gulp任务增加版本号?
我想用另一个字符串替换JavaScript文件(myConstantsFile.js)中指示版本号的字符串.因此,例如,我的版本编号看起来像这样:" 01.11.15",与其他常数写在myConstantsFile.js中: .constant('productVersion', '1.11.15'); 现在,我的任务看起来像: gulp.task('increment-version', function(){ gulp.src(['./somedir/myConstantsFile.js']) .pipe(replace(/'productVersion', '(.*)'/g, '99.99.99')) .pipe(gulp.dest('./somedir/')); }); 您可以看到,我正在使用一个常数,不运行增量代码 : var numberString = '0.0.1'; var versio
0 2024-04-04
编程技术问答社区