草庐IT

gulp-webpack

全部标签

javascript - Gulp.js 与基础/compass

有没有人成功让Gulp-sass与foundation4/5一起工作(最好使用compass?)该应用程序成功地使用了基础4,没有gulp,使用compasswatch。但我想开始使用gulp来简化我的sass/coffee/minification编译。这是我的gulpfile.jsvargulp=require('gulp'),util=require('gulp-util'),sass=require('gulp-sass'),coffee=require('gulp-coffee');varpaths={scripts:{src:'src/coffee/**/*.coffee'

javascript - 使用 gulp-if(或其他方式)有条件地启用 gulp-watch

基本上我想设置我的任务,这样如果我执行gulpless--watch它就会监视,否则就进行构建。这是我目前所拥有的:'usestrict';vargulp=require('gulp');varless=require('gulp-less');vargulpif=require('gulp-if');varwatch=require('gulp-watch');varcli=require('minimist')(process.argv.slice(2));gulp.task('less',function(){returngulp.src(['./client/styles/st

javascript - 使用 Gulp Header 在 Header 文件中包含当前年份

是否可以使用GulpHeader在头文件中打印出当前年份??这是我想做的一个例子:varbanner=['/**','*Copyright(c)2014Cofey','*-','*@versionv','*@link','*@license','*/',''].join('\n'); 最佳答案 看起来gulp使用lodash模板;你应该能够包含任意JavaScript:varbanner=['/**','*Copyright(c)Cofey','*-','*@versionv','*@link','*@license','*/','

javascript - TinyMCE gulp 配置

我正在构建一个Web应用程序,我想使用TinyMCE。我正在使用gulp和browserify。我已经通过npm下载了TinyMCE并且我在我的app.js文件中需要它并运行gulp命令但是我得到了这个错误Failedtoload:root/js/themes/modern/主题.js。我认为这是因为TinyMCE需要其文件夹中的其他文件。我的问题是如何配置TinyMCE以在node_modules/tinymce文件夹中搜索这些文件。 最佳答案 这里的答案完全取决于您如何在Gulp构建中打包文件。我现在仍在解决同样的问题,但这里有

javascript - Gulp - 缩小 JS 并写入相同的目的地

我目前正在重构一个项目,之前所有缩小的JavaScript文件都放在一个特定的目录中。现在我需要将缩小版本保留在与其源文件相同的目录中。目前我这样做:gulp.task('scripts',function(){returngulp.src(source_paths.scripts).pipe(uglify({preserveComments:'false'})).pipe(rename({suffix:".min"})).pipe(gulp.dest('./build/js')).pipe(notify({message:'Scriptstaskcomplete!',onLast:t

javascript - 带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误

我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的“额外”block一起使用,以获得正确的散列(当只有应用程序文件发生变化时,这不会更改vendor散列)。官方webpackrepo中描述了这个技巧here.这本身工作正常,block哈希是正确的,但问题是我生成的HTML文件包含顺序错误的包:list、应用程序和vendor*,而它应该是list、vendor、应用。CommonsChunkPLugin配置如下:newwebpack.optimize.CommonsChunkPlugin({names:['vendor','manifest']}),条目如

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten

javascript - Webpack - 使用文件加载器需要图像

我正在为我的React应用程序使用Webpack。我在我的webpack配置中安装了“File-loader”和“Url-loader”。但是,我不确定如何将图像链接到我的组件。我将图像的“src”保存在“Data.js”文件中,从那里我将图像数据传递给react组件。我的webpack.config.js:...constPATHS={app:path.join(__dirname,"app"),build:path.join(__dirname,"build")};constcommon={entry:{app:PATHS.app},output:{path:PATHS.build

javascript - WebPack如何将所有的css文件放到一个css文件中

我是WebPack的新手,我希望能够获取一个CSS文件目录(.app/styles/[css文件...])并将它们输出到一个CSS文件(dist/styles.css).目前,所有的JavaScript文件都被编译成一个单独的“index_bundle.js”文件,这是完美的,但我想为我的CSS文件实现同样的效果。经过大量“谷歌搜索”后,我发现WebPack的ExtractTextPlugin应该能够帮助解决这个问题,但这只适用于添加到“entry”属性的一个CSS文件(例如:entry:{style:"./app/styles/style.css"})然后作为链接标记添加到html的

javascript - 在 Webpack 2 中使用 bower 模块

我是Webpack的新手,我是从Webpack2开始的。我无法从bower_components文件夹中使用require或import模块。是否可以这样做?如果可以,您能否提供一个示例或其他内容。这是我的webpack.config文件: 最佳答案 您可以配置resolve.modules还要查看bower_components。resolve:{modules:['bower_components','node_modules']}这将首先查看bower_components,如果找不到模块,它将查看node_modules。如