草庐IT

node.js - 在 webpack.config.js 中获取当前的 `--mode`

如何在webpack.config.js中获取package.json中指定的当前--mode?(例如,用于推送一些插件。)package.json"scripts":{"dev":"webpack--modedevelopment","build":"webpack--modeproduction"}我在Webpack3中做了什么:package.json"scripts":{"build":"cross-envNODE_ENV=developmentwebpack","prod":"cross-envNODE_ENV=productionwebpack"},然后,我可以通过proc

javascript - WebPack sourcemaps 令人困惑(重复文件)

我决定在我今天正在启动的一个新项目中尝试WebPack,我从源映射中得到了非常奇怪的行为。我在文档中找不到任何关于它的内容,在浏览StackOverflow时也找不到其他人遇到此问题。我目前正在查看Vue-CLI'sWebPacktemplate制作的HelloWorld应用程序。--没有对代码、构建环境或任何东西进行任何更改。我安装了所有东西并像这样运行它:vueinitwebpacktest&&cdtest&&npminstall&&npmrundev查看我的源map,我看到以下内容:这是一团糟。为什么会有三个版本的HelloWorld.vue和App.vue?更糟糕的是,每个版本

node.js - 我到底应该如何处理 webpack 上的 "module.exports = ' html_template_content'"

所以我想用webpack做一个非常简单的任务。我有一些静态HTML模板,例如test.htmltemplatecontent我想要做的就是返回模板内的字符串例如require("raw!./test.html")with应该返回一个类似的字符串:"templatecontent"但相反,它返回以下字符串"modules.exports=templatecontent"我尝试了几个模块,例如raw-loader和html-loader。并且它们的行为方式相同。所以我查看了源代码,只是为了发现它的SUPPOSED行为方式。sowhatexactlyamIexpectedtodowithth

javascript - 我可以在 webpack 开始构建之前获取依赖树吗?

webpack是否在构建密封之前公开依赖树?我已经搜索了所有编译器实例,但没有发现任何关于依赖树的信息。似乎应该在某个对象中隐藏一个,因为webpack必须知道这棵树是什么,以便稍后输出stats.json。我尝试使用dependency-treenpm包,但它不支持我的webpack配置中的某些内容,因此树不完整。 最佳答案 TL;DR:是的,您可以在依赖关系树被密封之前访问它。为此,请将以下代码添加到您的webpack.config.js:classAccessDependenciesPlugin{apply(compiler)

css - webpack - 需要 ('node_modules/leaflet/leaflet.css' )

所以我正在尝试使用webpack构建map应用程序和leaflet.我可以要求leaflet.js来self的map.js文件,但我无法调用leaflet.css而不会出错。我的当前webpack.config.js看起来像:'usestrict'varwebpack=require('webpack'),path=require('path'),HtmlWebpackPlugin=require('html-webpack-plugin'),srcPath=path.join(__dirname,'src');module.exports={target:"web",cache:tr

javascript - 我可以检测我的脚本是否正在被 Webpack 处理吗?

我正在尝试在React中使用同构渲染,以便可以将静态HTML作为文档输出为我的应用程序。问题是我有一个仅在客户端上运行的特定组件,因为它引用了window。解决方案很明显:不在服务器上渲染它。是的,我不能在服务器上渲染它,但我仍然需要将它包含在我的webpack包中,以便我可以在客户端上渲染它。问题是,阻止我的组件在服务器上呈现的代码是:functionisServer(){return!(typeofwindow!='undefined'&&window.document);}但是isServer()在webpack捆绑时也是true,我希望它在webpack正在运行。那么,我如何检

javascript - CLI 移至单独的包 : webpack-cli

我是React.js的新手,我正在尝试从tutorialspoint上的教程中学习但我遇到了错误。这是我执行npmstart命令时控制台上的错误:C:\Users\HP\Desktop\reactApp1>npmstart>reactapp1@1.0.0startC:\Users\HP\Desktop\reactApp1.>webpack-dev-server--hotTheCLImovedintoaseparatepackage:webpack-cli.Pleaseinstall.webpack-cli.inadditiontowebpackitselftousetheCLI.->W

node.js - 未找到 Webpack,正在部署到 Heroku

Node新手,部署到Heroku。我设置了一个基本的React应用程序,并正在尝试部署到Heroku。我已经推送了,但是应用程序失败了。当我查看日志时,我看到了一些关于sh:1:webpack:notfound(完整日志here)我不太确定发生了什么,但我相信它与我的package.json有关吗?从我使用的入门模板中,它是这样的:{"name":"express-react-redux-starter","version":"1.0.0","description":"StarterforExpress,React,Redux,SCSSapplications","scripts":

javascript - 为生产构建 webpack - 最小化依赖项

假设npm上有一个名为“awesomepackage”的模块。我可以通过package.json将其注册为我的应用程序的依赖项像这样:npmi--saveawesomepackage检查我的node_modules文件夹我看到一个名为“awesomepackage”的文件夹,如下所示:-index.js-package.json-README.md-lib/-awesomepackage.min.js我可以像这样在我自己的应用程序中使用这个包:import{AwesomeThing}from'awesomepackage';我的问题:当我使用webpack构建我的应用程序时,我的最终结

node.js - 我可以将 cookie 添加到 webpack 开发服务器代理吗?

我正在尝试在我的webpack开发服务器中设置代理。问题是我无法控制我要连接的服务器,我需要对请求进行身份验证。有没有一种方法可以将cookie添加到我发送到代理服务器的请求中?我浏览了webpackdevserverproxyserverpage,以及node-http-proxy它链接到的页面,我没有看到任何关于cookie的提及。我也不确定是否有办法让我看到这些转发的请求,所以我不知道我正在尝试的任何事情是否正在做任何事情。有什么想法吗? 最佳答案 如果您只需要为代理重写cookie域,请查看node-http-proxy中的