草庐IT

Webpack-dev-server

全部标签

javascript - 如何使用 webpack 从 node_modules 加载静态 CSS 文件的示例?

我不知道如何使用webpack从node_modules库加载任何CSS,例如,我已经安装了传单,但每次加载leaflet/dist/leaflet.css的尝试都失败了。您能否提供示例如何从node_modules加载静态样式?下面是我当前的webpack配置。此外,我正在使用extract-text-webpack-plugin和sass-loader我的元素scss文件运行良好,我也有css-loader,我是要解析静态css文件还是向stylePathResolves添加内容?//require('leaflet/dist/leaflet.css');varExtractTex

javascript - 在使用 Mocha 和 Babel 进行测试时处理 WebPack CSS 导入

当测试具有WebpackCSS导入的.js文件时,如import'./style.css',Mocha抛出一个语法错误(因为它试图导入和解析CSS文件作为JS)。有一个解决方案thathasalreadybeenpostedonStackOverflow,但它仅在您尚未将编译器与Mocha一起使用时解决。我正在使用Babel5。我尝试了以下方法,但似乎Mocha不支持传递多个编译器://npmtestscriptmocha./src/**/*Test.js--compilerscss:./scripts/mocha-webpack-compiler.jsjs:babel/registe

javascript - webpack --watch 时如何从构建目录中删除旧文件?

这个问题在这里已经有了答案:Deleteunusedwebpackchunkedfiles(11个答案)关闭5年前。当我的webpack.config.js被设置为监视我的源文件,并且输出文件包含一个哈希值时,那么每次构建成功完成时,都会存在一组全新的构建文件。这很快就会用cruft填满构建目录!如何让webpack删除每次构建时的旧文件?module.exports={...watch:true,output:{filename:'[name]-[hash:8].js'}...}我知道我可以使用webpack-dev-server在内存中构建,但这不适合我当前的构建过程。

javascript - Webpack:我们如何*有条件地*使用插件?

在Webpack中,我有以下插件:plugins:[newExtractTextPlugin('styles.css'),newwebpack.optimize.UglifyJsPlugin({compress:{warnings:false},drop_console:true,}),]我想应用UglifyJsPlugin仅针对特定目标,所以我尝试使用我预期的条件:plugins:[newExtractTextPlugin('styles.css'),(TARGET==='build')&&newwebpack.optimize.UglifyJsPlugin({compress:{w

javascript - 在 Webpack 中加载静态 JSON 文件

我的代码中有某处遵循构造:vargetMenu=function(){returnwindow.fetch("portal/content/json/menu.json").then(function(data){returndata.json();});};我在我的webpack.config.js中试过这个:module:{loaders:[...{test:/\.json$/,exclude:/node_modules/,use:['file-loader?name=[name].[ext]&outputPath=portal/content/json']},...]}项目结构:

javascript - Bootstrap 4 Beta 使用 Webpack 3.x 导入 Popper.js 抛出 Popper is not a constructor

所以Bootstrap4Beta已经发布了……是的!但是,Tether已被Popper.js替换为工具提示(和其他功能)。我看到控制台中抛出的错误足够快,可以告诉我对Popper.js的更改:BootstrapdropdownrequirePopper.js看起来很简单,我去更新了我的webpack.config.js(可以看到整个配置here)然后Bootstrap开始工作(我做的唯一改变是替换Tether与波普尔):plugins:[newProvidePlugin({'Promise':'bluebird','$':'jquery','jQuery':'jquery','wind

javascript - ActiveXObject 创建错误 "Automation server can' t 创建对象”

我有一个非常简单的javascript代码,functionRunExe(){w=newActiveXObject("WScript.Shell");w.run('notepad.exe');returntrue;}它创建一个activeX对象来运行notepad.exe,如果我将它保存在纯html中并在IE中运行它,它可以很好地打开记事本,但如果我将它插入aspx页面并运行它,它会给出一个名为“自动化服务器无法创建对象”的错误,我用谷歌搜索了很多次,但是我已经完成了IE安全性的事情,我认为这是我无法弄清楚的ASP或IIS中的东西。非常感谢您的建议和意见。谢谢

javascript - 使用 React Router 和 Webpack 2 如何仅在某些路由上需要外部库?

目前工作使用Webpack2和ReactRouterv4我已经能够设置工作代码拆分。中间有个解决promise并返回组件(在github问题上找到的模式)。下面的一组示例路由:require('./modules/Profile'),'profile')}props={props}/>}/>require('./modules/CreditCard'),'credit-card')}props={props}/>}/>目标我想进一步扩展,并且对于仅某些路线,加载额外的库。在上面的示例中,我想在信用卡路由上只获取StripeJS(https://js.stripe.com/v2/)库。我

javascript - 使用 Identity Server 4 和 ASP.NET Identity 添加外部登录

在使用带有ASP.NETIdentity的IdentityServer4添加身份验证功能后,我计划添加GoogleProvider,以便用户也可以使用他们的google+帐户登录。我使用Angular作为前端,使用ASP.NETWebApi(Core)作为后端。//Loginclientpubliclogin(email:string,password:string):Observable{letbody:any=this.encodeParams({/*cliend_id,grant_type,username,password,scope*/});returnthis.http.p

javascript - 具有两个公共(public) block 的 Webpack : one exported, 一个本地

我想在多页面应用程序中使用Webpack,将一些预先确定的依赖项捆绑到“vendor”block中,并将其余依赖项捆绑到“公共(public)”block中。例如,假设有两个入口点(每个有效地代表一个不同的页面),pageA.js和pageB.js都包含这段代码(在EC6中,通过Babel),后面是他们自己的代码:import$from'jquery';require('bootstrap/dist/css/bootstrap.css');importangularfrom'angular';importuitreefrom'angular-ui-tree';我希望将jQuery和Bo