草庐IT

gulp-webpack

全部标签

javascript - 把babel和webpack放在devDependencies还是Dependencies里面?

我是npm的新手,并不真正了解依赖项与开发依赖项之间应该包含哪些内容。我知道对于测试库,它们应该进入开发,但是对于像babel和webpack这样的东西呢?它们是否也应该在开发中,因为它们仅用于将es6和JSX转换为vanillaJS?我的理解是,当您部署到heroku时,它已经对必要的库进行了转译,因此无需在生产环境中托管它们?"dependencies":{"babel-core":"^6.7.7","babel-eslint":"^6.0.4","babel-loader":"^6.2.4","babel-plugin-react-transform":"^2.0.2","bab

javascript - gulp 错误 :Unable to minify JavaScript

我正在尝试缩小我正在使用gulptaskrunner的脚本文件我正在尝试gulp-uglify插件代码:gulp.task('concat',function(){returngulp.src('app/**/*.js')//.pipe(concat('script.js')).pipe(uglify()).pipe(gulp.dest('./dist/'))});但我收到错误信息当我尝试将gulp任务作为gulpconcat运行时任何帮助将不胜感激 最佳答案 主要错误是在使用ES6格式时产生的。使用gulp-uglify-es模块

javascript - Webpack 和外部库

我正在试用webpack(http://webpack.github.io/),它看起来非常好,但我有点卡在这里。假设我正在为一个库使用CDN,f.exjQuery。然后在我的代码中,我希望require('jquery')自动指向全局jquery实例,而不是尝试从我的模块中包含它。我试过使用像IgnorePlugin这样的插件:newwebpack.IgnorePlugin(newRegExp("^(jquery|react)$"))这适用于忽略库,但它仍然说当我运行webpacker时所需的模块“丢失”。我需要以某种方式告诉webpackjquery应该从全局上下文中获取。看起来像

javascript - Gulp - 复制并重命名文件

我对Gulp非常陌生。我基本上是在尝试查看修改后的JavaScript文件,然后使用新名称创建一个新副本。(最终会有一些处理,但罗马不是一天建成的)。我的(幼稚的)尝试是这样的:gulp.task('default',function(){returngulp.watch('../**/**.js',function(obj){gulp.src(obj.path).pipe(gulp.dest('foobar.js'));});});这会获取修改后的文件并将其成功复制到现在名为foobar.js的文件夹中。有什么简单的方法可以替换gulp.dest('foobar.js'),只需复制并

javascript - Gulp 将多个 js 文件缩小为一个

我是Gulp的新手,想知道如何将我的集合缩小(连接)到单个文件而不是单独的每个文件。例子vargulp=require('gulp');varuglify=require('gulp-uglify');gulp.task('minify',function(){gulp.src(['content/plugins/jquery/jquery-2.1.1.js','content/plugins/jquery/jquery-ui.js','content/js/client.js']).pipe(uglify()).pipe(gulp.dest('content/js/client.mi

javascript - 使用 webpack、ES6 和 Babel 进行调试

这看起来应该是相对容易实现的事情,但是唉。我有ES6类:'usestrict';exportclassBaseModel{constructor(options){console.log(options);}};和使用它的根模块:'usestrict';import{BaseModel}from'./base/model.js';exportletinit=functioninit(){console.log('InBundle');newBaseModel({a:30});};我的目标是:通过Babel传递上述代码,得到ES5代码使用webpack打包模块能够调试结果经过一些尝试,这

javascript - 如何使用 Gulp 复制多个文件并保持文件夹结构

我正在尝试使用Gulp将文件从一个文件夹复制到另一个文件夹:gulp.task('move-css',function(){returngulp.src(['./source/css/one.css','./source/other/css/two.css']).pipe(gulp.dest('./public/assets/css/'));});上面的代码是将one.css&two.css复制到public/assets/css文件夹。如果我使用gulp.src('./source/css/*.css')它会将所有CSS文件复制到public/assets/css这不是我想要的文件夹

javascript - Browserify、Babel 6、Gulp - 传播运算符上的意外标记

我正在尝试让我的Browserify/Babelify/Gulp在我的项目中工作,但它不会使用传播运算符。我从我的gulpfile中得到这个错误:[SyntaxError:/Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js:Unexpectedtoken(16:8)whileparsingfile:/Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js]这是我的gulpfile.jsvargu

javascript - Angular Cli Webpack,如何添加或捆绑外部 js 文件?

在将AngularCli从SystemJs切换到Webpack后,我不确定如何包含JS文件(vendor)。例如选项A我有一些通过npm安装的js文件。像这样在head标签中添加script标签是行不通的。这似乎也不是最好的方法。//WithsystemJsIcoulddothis选项B将这些js文件作为webpack包的一部分包含在内。这似乎应该是这样做的。但是我不确定如何执行此操作,因为所有webpack代码似乎都隐藏在angular-cli-webpack节点包后面。我在想也许还有另一个我们可以访问的webpack配置。但我不确定,因为我在创建新的angular-cli-webp

javascript - 使用 Gulp 在同一目录中的多个文件扩展名

所以我有一个gulpfile.js设置。在图像文件夹中我有一些图像,一些是png,一些是jpg和一些gif。我想定位图像文件夹中的所有png、jpg和gif。我可以使用**/*来定位文件夹中的所有内容,但我不想这样做,我希望它特定于文件类型。我也可以这样做并单独指定每个文件类型:returngulp.src('./images/*.jpg','./images/*.png','./images/*.gif')但是自己重复了很多,看来应该有更简单的方法。我正在寻找这样的东西:returngulp.src('./images/*.{png,gif,jpg}')但是,上面的方法不起作用(或者