草庐IT

gulp-webpack

全部标签

javascript - Gulp Concat 没有输出文件

我正在尝试使用gulp的连接模块连接我的js文件。我的js文件的项目路径是:project/public/js/vendor/。在vendor中是我使用的所有插件,我想将它们连接到一个文件中我使用以下代码来执行我的任务。vargulp=require('gulp'),concat=require('gulp-concat');gulp.task('scripts',function(){returngulp.src('./vendor/*.js').pipe(concat('global.js')).pipe(gulp.dest('concat/'));});gulp.task('de

javascript - Webpack css-loader 没有构建

我在使用css-loader在我的JSX文件上加载CSS时遇到困难。我正在关注以下示例:https://christianalfoni.github.io/react-webpack-cookbook/Loading-CSS.html这是我的JSXimportReactfrom'react';importReactDOMfrom'react-dom';importstylesfrom'./styles.css';classHelloextendsReact.Component{render(){returnHelloworld!}}varel=document.getElementBy

javascript - 让目录中的所有文件成为 webpack 入口点的最佳方法?

我想为网站创建多个入口点,这在Webpack中使用entry属性的对象很容易完成,例如here.但是随着站点的增长(并且它不可避免地会),必须添加每个入口点似乎很麻烦并且容易出错。所以我想简单地指向一个目录并说“这里是所有入口点。”所以我做了这个:varpath=require('path');varfs=require('fs');varentryDir=path.resolve(__dirname,'../source/js');varentries=fs.readdirSync(entryDir);varentryMap={};entries.forEach(function(e

javascript - Gulp 复制 HTML 并粘贴到不同的文件

是否可以使用Gulp复制HTML的一部分(而不是整个文件)并将其注入(inject)到不同的文件中?我找到了类似https://www.npmjs.com/package/gulp-html-replace的包和https://www.npmjs.com/package/gulp-inject-string但他们实际上不能复制HTML。 最佳答案 从不建议使用正则表达式处理HTML,并且有很多反对意见(1、2、3)。处理HTML源代码的最流行和最可靠的方法是构建源代码的文档模型。JSDOM,是一个提供良好DOM构造API的node.

javascript - 在 webpack 和 es6 中使用 LESS

我正在听关于AngularWithWebpack的讲座.我正在尝试添加lessloader并不断收到错误消息。ERRORin./src/app.jsModulenotfound:Error:Cannotresolve'file'or'directory'../style.lessinD:\projects\dev\webpack-angular-demo/src@./src/app.js3:0-24我的webpack.config.js是:module.exports={context:__dirname+'/src',entry:'./app.js',module:{loaders:

javascript - 如何运行 webpack 转换后的函数?

我有一个简单的库,我正在使用ES6,我有一些require关键字,然后,我需要将其转换为浏览器可以理解的版本,我使用webpack制作浏览器版本我的图书馆。这是一个例子:main.jsimportTestfrom'./test';functioncallMe(){console.log("Iamdamncalled!");}test.jsexportdefaultfunction(string){console.log("Thisisawesome!");[1,2,3].map(n=>n+1);}gulpfile.js(我用的是Gulp)vargulp=require('gulp');

javascript - gulp typescript 时出现 TypeError

执行Typescript转译时出现以下错误:TypeError:file.isSymbolicisnotafunctionatDestroyableTransform.normalize[as_transform](D:\project\node_modules\vinyl-fs\lib\dest\prepare.js:31:15)atDestroyableTransform.Transform._read(D:\project\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_transform.js:182

javascript - 如何将 webpack 与静态图像文件一起使用?

我正在使用webpack来捆绑.vue文件,它使用import和export。Webpack创建了一个不错的bundle.js,这一切都很好而且很漂亮。但是当我的Vue文件提到图像时,例如:.style{background:url('./images/anotherthing.png');}现在,这张图片突然也需要放在我的dev文件夹中,每次我更新一个javascript文件中的一个字符时,webpack都想复制我所有的图片文件。另外,并不是我所有的图片都是这样导入的,所以我必须手动复制一些文件到dist文件夹,webpack也会复制一些文件......我可以告诉webpack不要捆

javascript - Webpack 4 中 css-loader 的 importLoaders 选项到底是什么?

我从一个月开始就开始学习Webpack4。我想做的大多数事情都很好,但是css-loader的这个importLoaders选项对我来说仍然是个谜。其官方documentation很差,我还没有找到任何关于它的很好解释的文章。我的用例与文档中介绍的用例非常接近:{test:/\.s?css$/,use:[ExtractCssChunks.loader,{loader:'css-loader',options:{importLoaders:2,//0=>noloaders(default);1=>postcss-loader;2=>postcss-loader,sass-loaderim

javascript - 将选项传递给 gulp-jshint

我正在使用gulp构建我的JavaScript。我想在连接文件之前对我的文件运行jshint,但我在设置选项时遇到了问题。我这样做对吗?varres=gulp.src(buildutil.produceFileGlob("./src",clientproperties)).pipe(exclude('**/test/**')).pipe(jshint({sub:false}})).pipe(jshint.reporter(stylish)).pipe(buildutil.jsmoduleConcat("myfile.js")).pipe(gulp.dest('./dist')).pip