草庐IT

WebPack-Simple

全部标签

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中的

node.js - 将 Webpack 开发服务器与 PHP 应用程序一起使用

有人有安装经验吗webpackdevserver在Laravel5+(在我的情况下为5.1)?我将使用我的laravelPHP后端和ReactJS前端,我想在我的开发环境中安装webpack开发服务器。但我对NodeJS中的很多配置感到困惑(我专攻PHP后端)。webpack开发服务器与PHP应用程序通常可以结合使用吗?我希望我的环境可以双向工作:在我的apache服务器上(用于后端调试/开发)和在NodeJS服务器上(用于前端调试/开发)。我是否需要一些中间件来解析webpack的特定端口?一般来说,NodeJS服务器将如何加载我的PHP脚本?...或者apacheWeb服务器会加载

node.js - 使用 webpack 打包库时 lib 和 dist 文件夹之间的区别?

我刚刚将我的第一个包(一个react组件)发布到npm,但我在理解lib目录与dist目录之间的区别时遇到了一些麻烦。目前我同时生成lib和dist但是我的包“main”指向使用webpack构建的dist未压缩的js文件并输出为UMD。lib文件夹是使用babel构建的,获取src并输出到lib。dist文件夹包含[unminified/minified].js文件以及[unminified/minified].css文件。我的主要困惑是lib文件夹,因为从那里导入目前无法正常工作,因为我只是转换src->lib意味着scss引用仍然存在而scss文件不存在也变了。我使用CSS模块(