草庐IT

gulp-webpack

全部标签

build - Gulp-Inject 不起作用

我有一个简单的Gulp构建过程设置用于测试。我已经多次阅读文档,但似乎无法让Gulp-inject将我想要的脚本注入(inject)index.html文件。我的Gulp文件如下所示:gulp.task('inject1',function(){returngulp.src('app/index.html').pipe(inject(gulp.src('./app/scripts/app.js',{read:false})))//Notnecessarytoreadthefiles(willspeedupthings),we'reonlyaftertheirpaths.pipe(gul

javascript - 我可以使用 webpack 分别生成 CSS 和 JS 吗?

我有:我要打包的JS文件。我想编译成CSS的LESS文件(将@imports解析为单个包)。我希望将它们指定为两个单独的输入并具有两个单独的输出(可能通过extract-text-webpack-plugin)。Webpack有所有合适的插件/加载器来进行编译,但它似乎不喜欢这种分离。我见过一些人直接从JS中要求他们的LESS文件的例子,例如require('./app.less');,除了告诉webpack包含这些文件之外没有其他原因文件到包中。这允许您只有一个入口点,但对我来说似乎真的错了——为什么我的JS中需要LESS,而它与我的JS代码无关?我尝试使用多个入口点,同时处理入口J

javascript - 我可以使用 webpack 分别生成 CSS 和 JS 吗?

我有:我要打包的JS文件。我想编译成CSS的LESS文件(将@imports解析为单个包)。我希望将它们指定为两个单独的输入并具有两个单独的输出(可能通过extract-text-webpack-plugin)。Webpack有所有合适的插件/加载器来进行编译,但它似乎不喜欢这种分离。我见过一些人直接从JS中要求他们的LESS文件的例子,例如require('./app.less');,除了告诉webpack包含这些文件之外没有其他原因文件到包中。这允许您只有一个入口点,但对我来说似乎真的错了——为什么我的JS中需要LESS,而它与我的JS代码无关?我尝试使用多个入口点,同时处理入口J

javascript - 使用 babel 和 webpack 时如何生成 sourcemap?

我是webpack的新手,我需要帮助设置以生成源映射。我从命令行运行webpackserve,编译成功。但我真的需要源图。这是我的webpack.config.js。varwebpack=require('webpack');module.exports={output:{filename:'main.js',publicPath:'/assets/'},cache:true,debug:true,devtool:true,entry:['webpack/hot/only-dev-server','./src/components/main.js'],stats:{colors:tru

javascript - 使用 babel 和 webpack 时如何生成 sourcemap?

我是webpack的新手,我需要帮助设置以生成源映射。我从命令行运行webpackserve,编译成功。但我真的需要源图。这是我的webpack.config.js。varwebpack=require('webpack');module.exports={output:{filename:'main.js',publicPath:'/assets/'},cache:true,debug:true,devtool:true,entry:['webpack/hot/only-dev-server','./src/components/main.js'],stats:{colors:tru

javascript - 是否可以将标志传递给 Gulp 以使其以不同的方式运行任务?

通常在Gulp中的任务是这样的:gulp.task('my-task',function(){returngulp.src(options.SCSS_SOURCE).pipe(sass({style:'nested'})).pipe(autoprefixer('last10version')).pipe(concat('style.css')).pipe(gulp.dest(options.SCSS_DEST));});是否可以将命令行标志传递给gulp(这不是任务)并让它有条件地运行任务?比如$gulpmy-task-a1然后在我的gulpfile.js中:gulp.task('my

javascript - 是否可以将标志传递给 Gulp 以使其以不同的方式运行任务?

通常在Gulp中的任务是这样的:gulp.task('my-task',function(){returngulp.src(options.SCSS_SOURCE).pipe(sass({style:'nested'})).pipe(autoprefixer('last10version')).pipe(concat('style.css')).pipe(gulp.dest(options.SCSS_DEST));});是否可以将命令行标志传递给gulp(这不是任务)并让它有条件地运行任务?比如$gulpmy-task-a1然后在我的gulpfile.js中:gulp.task('my

javascript - 如何一个接一个地依次运行 Gulp 任务

在这样的片段中:gulp.task"coffee",->gulp.src("src/server/**/*.coffee").pipe(coffee{bare:true}).on("error",gutil.log).pipe(gulp.dest"bin")gulp.task"clean",->gulp.src("bin",{read:false}).pipecleanforce:truegulp.task'develop',['clean','coffee'],->console.log"runsomethingelse"在develop任务中,我想运行clean并在完成后运行cof

javascript - 如何一个接一个地依次运行 Gulp 任务

在这样的片段中:gulp.task"coffee",->gulp.src("src/server/**/*.coffee").pipe(coffee{bare:true}).on("error",gutil.log).pipe(gulp.dest"bin")gulp.task"clean",->gulp.src("bin",{read:false}).pipecleanforce:truegulp.task'develop',['clean','coffee'],->console.log"runsomethingelse"在develop任务中,我想运行clean并在完成后运行cof

javascript - 在 webpack 中管理 jQuery 插件依赖

我在我的应用程序中使用Webpack,我在其中创建了两个入口点-bundle.js用于我的所有JavaScript文件/代码,以及vendor.js用于所有库,如jQuery和React。为了使用以jQuery作为其依赖项的插件并且我希望它们也包含在vendor.js中,我该怎么做?如果这些插件有多个依赖项怎么办?目前我在这里尝试使用这个jQuery插件-https://github.com/mbklein/jquery-elastic.Webpack文档提到providePlugin和进口装载机。我使用了providePlugin,但jQuery对象仍然不可用。这是我的webpack