草庐IT

gulp-webpack

全部标签

javascript - Gulp,在 `pipe()` 函数中使用当前文件名

我试图用它自己的json文件在我的gulp源文件中呈现每个文件,但我不知道如何在pipe函数中访问当前文件名。vargulp=require('gulp');varhandlebars=require('handlebars');vargulpHandlebars=require('gulp-compile-handlebars');gulp.task('compile-with-sample-data',function(){varoptions={}returngulp.src('./src/**/*.html').pipe(gulpHandlebars({data:require

javascript - Webpack加载器测试没有文件名某些部分的文件

我将我的测试保存在与我的组件相同的文件夹中,并且我正在尝试将webpack加载程序(istanbul-instrumenter-loader)应用于所有文件,除了那些名为的文件spec.js或者以*Spec.js结尾(所以components/SupportPage/spec.js和actions/SupportActionsSpec.js不会包含在内。我已经尝试在regextester.com上获取正确的RegEx,但无法正常工作。我是否遗漏了什么? 最佳答案 好的,我找到了。编写一个测试来包含所有文件,但排除特定的规范文件可能是

javascript - 使用 webpack 部署 React 应用

我正在做一个关于React的教程,我已经制作了一个基于React的youtube克隆。现在我想将它上传到我的域(托管在one.com),但它不起作用,因为找不到bundle.js。相当明显,因为该应用程序需要运行“npmstart”。我一直在谷歌搜索,发现我需要通过为webpack编写部署配置来部署应用程序,但我无法让它工作。我一直不明白这个,我想问一下:如何将javascript/nodejs/webpack网站部署到服务器?我走在正确的轨道上吗?我的项目基于这个启动器:https://github.com/StephenGrider/ReduxSimpleStarter编辑:所以我

javascript - Webpack 4 - 模块解析失败 : Unexpected character '@'

我最近从Webpack3升级到4。它现在抛出一个错误:Moduleparsefailed:Unexpectedcharacter'@'Youmayneedanappropriateloadertohandlethisfiletype.|@import'./scss/variables.scss';||*{@./src/index.js1:0-22在我的styles.scss文件中,我正在执行以下操作:@import'scss/variables.scss';*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Aria

javascript - Webpack Encore Jquery 最大调用堆栈大小

我在升级到Symfony4.1并切换到Encore后遇到问题。UncaughtRangeError:Maximumcallstacksizeexceededat_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bund

javascript - 如何使用 webpack 动态导入

我想使用FontAwesome的图标,但是整个包太大了,我只能选择我正在使用的图标我正在使用vue和webpack现在我有标准:import{library}from'@fortawesome/fontawesome-svg-core'import{faGemasfalFaGem,faDatabaseasfalFaDatabase}from'@fortawesome/pro-light-svg-icons'import{faGemasfarFaGem}from'@fortawesome/pro-regular-svg-icons'import{faGemasfasFaGem}from'

javascript - 如何使用 Webpack 将我的 React 网站打包到 'production'?

我设法使用了这个react-hot-boilerplate配置脚本来创建和测试一个简单的ReactFluxwebapp。既然我在运行npmstart时就有了一个我喜欢的网站,那么在配置中添加生产构建的最简单/最好的方法是什么?当我使用那个“package”命令时,我想要一个小的prod文件夹,其中包含我需要的所有最终html和缩小的js文件,这是我应该期待的吗?这是我的package.json:{"name":"react-hot-boilerplate","version":"1.0.0","description":"BoilerplateforReactJSprojectwith

javascript - 使用 webpack-dev-server 时,html-webpack-plugin 不会将 js 文件注入(inject) index.html

这是我的webpack配置:varpath=require('path');varwebpack=require('webpack')varHtmlWebpackPlugin=require('html-webpack-plugin')varfs=require('fs'),buildPath='./dist/';varfolder_exists=fs.existsSync(buildPath);if(folder_exists==true){require('shelljs/global')rm('-rf','dist')};module.exports={entry:'./src/

javascript - 如何在没有webpack dev server的情况下使用webpack进行开发?

我目前正在使用require.js用于开发,因此我可以快速迭代(更改文件、刷新页面、中间没有构建步骤),但我使用webpack作为构建工具,因为它优于r.js.我想完全摆脱require.js并在开发中使用webpack作为脚本加载器。我知道这正是webpackdevserver是为了,但我特别不想使用它。理想情况下,我会在中包含某种webpack加载程序,指向我的webpack.js构建配置,让它完成工作。 最佳答案 如果您不想使用webpack-dev-server,您可以使用webpack的监视功能在您进行更改时继续构建脚本。

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(