草庐IT

gulp-webpack

全部标签

javascript - Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader

我刚刚开始使用Vue.js+Webpack+vue-loader+bootstrap-sass+sass-loader,我有点不知所措。我想做的是将SASS版本的Bootstrap与我的SPAVue.js代码一起使用。我想这样做,以便可以使用SASS完成我的Bootstrap自定义。这是我所做的:使用vue-cli创建了一个新的Vue.js+webpack项目。安装了bootstrap-sass和sass-loader。将以下内容添加到build/webpack.base.conf.js:{test:/\.scss$/,loaders:['style','css','sass']},{

javascript - Webpack 在 require 语句中动态要求加载器

是否可以在require语句中使用带有显式加载器的动态require和require.context?我希望能够做这样的事情,但它对我不起作用:varreq=require.context('../somedir',false,/\.js$/);varimported=req('my-loader!'+someModulePath);//someModulePathdefinedabovesomewhere当我尝试这个时,我得到一个“找不到模块”的错误,这使得webpack似乎正在将字符串的my-loader!部分视为文件路径的开头,但是我希望my-loader!被识别为加载程序,如下

javascript - 在 gulp 中用冒号调用任务是什么意思?

我想知道:冒号在gulp任务中用作follow时有什么用。是否传递参数?gulp.task('default',['clean:mobile']); 最佳答案 Gulp并没有赋予冒号特殊的含义。在具有特殊含义的项目中,该含义来自Gulp以外的其他地方:项目文化或历史、其他工具等。有些人用它来组织他们的任务名称。所有与清理有关的任务都可以从clean:开始。所以你会有clean:dist、clean:build等。clean:build会删除转译后的文件,但会保留一些本地配置文件。clean:dist会删除所有不属于源代码分发的文件(

javascript - 为什么 webpack 以字符串形式创建输出 js 并使用 eval 函数部署它?

我的webpack.config.js文件如下:varpath=require('path');varwebpack=require('webpack');varCommonsChunkPlugin=webpack.optimize.CommonsChunkPlugin;varautoprefixer=require('autoprefixer');varHtmlWebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require('extract-text-webpack-plugin');varCopyW

javascript - Webpack 排除特定文件

我的webpack.config.prod.js中有这段代码我想知道如何排除除特定路径中的一个以外的所有json,如src/configs/configsexclude:[/\.html$/,/\.(js|jsx)$/,/\.css$/,/\.json$/,/\.bmp$/,/\.gif$/,/\.jpe?g$/,/\.png$/,],loader:require.resolve('file-loader'),options:{name:'static/media/[name].[hash:8].[ext]',}... 最佳答案 根

javascript - 如何使用 Webpack 和 noParse 选项要求 'ace-builds/ace'

我目前正在尝试使用webpack要求ace-builds(从bower安装)。由于它是一个巨大的库,我将整个文件夹添加到noParse选项。我在终端上使用-d选项运行webpack。问题是:当我的代码试图要求它时,它是一个空对象。此外,它不会被浏览器加载。以下是我正在做的事情的一些信息:我的文件://custom_editor.js//ace-buildsarealiasedbyacekeywordvarAce=require('ace/ace');//ThisisanemptyObjectwhenI'mdebuggingwithbreakpoints配置文件://webpack.co

javascript - Full Gulp Istanbul 尔报道报告

我正在使用gulp-istanbul通过Gulp生成JavaScript单元测试覆盖率报告。有没有一种方法可以配置Istanbul以生成我的gulp流中所有JS文件的完整覆盖率报告,而不仅仅是测试用例所触及的文件。我正在做一个有很多JS的项目,但没有单元测试,我们正在努力增加测试覆盖率。我想要一份覆盖率报告,它首先显示我们大多数文件的覆盖率为0%,但随着时间的推移,覆盖率会逐渐增加。gulp.task('test',function(){gulp.src([mysourceglob]).pipe(istanbul()).on('end',function(){gulp.src([myt

javascript - webpack 中的无效配置对象

我正在关注Lynda.com-React.jsessentialtraining夏娃·波切洛(EvePorcello)着。在“使用Webpack构建”视频中,我完全按照作者描述的步骤进行操作,但是“webpack”命令失败并出现以下错误,无效的配置对象。Webpack已使用与API架构不匹配的配置对象进行初始化。-configuration.output.path:提供的值“dist/assets”不是绝对路径!以下是我的webpack.config.js和package.json文件。webpack.config.jsvarwebpack=require("webpack");mod

javascript - 同构 JS 应用程序中的环境变量 : Webpack find & replace?

我正在使用webpack捆绑同构JS应用程序(basedonthisexample),以便浏览器运行与服务器相同的代码。一切都运行顺利,除了我有一个config.js,其中一些设置是从服务器上的环境变量中提取的:module.exports={servers:auth:process.env.AUTH_SERVER_URL,content:process.env.CONTENT_SERVER_URL}}在服务器上这很好,但是当webpack为客户端呈现时process是空的,这不起作用。我希望有一种“查找和替换”的webpack插件可以单独用该文件中的内容替换它们?"…config.j

javascript - Gulp:控制台出错,assert.js:90 抛出新的 assert.AssertionError

我在控制台中收到这样的错误:$一饮而尽assert.js:90thrownewassert.AssertionError({^AssertionError:TaskfunctionmustbespecifiedatGulp.set[as_setTask](C:\Users\user\Projects\Newproject\node_modules\undertaker\lib\set-task.js:10:3)atGulp.task(C:\Users\user\Projects\Newproject\node_modules\undertaker\lib\task.js:13:8)at