9得票3回答
在WebStorm 11中调试WebPack

我正在尝试使用源映射在WebStorm中调试使用WebPack打包的JavaScript应用程序。我的当前webpack.config.js文件如下: var path = require('path'); module.exports = { debug: true, d...

30得票1回答
我能否在Webpack中构建Sass/Less/CSS,而不需要在我的JS文件中引用它们?

我目前有一些使用Webpack成功构建的React组件和Sass样式表。我还有一个主Sass文件,通过gulp任务生成CSS。 我希望只使用其中一种技术,是否可能仅编译Sass到CSS,而不需要在入口文件中关联Sass? 这里是一个尝试使用WebpackExtractTextPlugin的...

15得票2回答
如何使用jade和webpack进行HTML编码并启用热重载

我刚接触webpack,试图设置一个简单的配置来使用jade模板编写HTML/CSS,使用PostCSS、热重载并通过webpack-dev-server提供HTML以加速开发体验。 因此,我将有多个入口点,一些带有包含文件的jade文件,CSS、img、字体和其他资产。 对于webpac...

7得票2回答
Vue.js在使用src=require()时,webpack报错"Cannot find module './undefined'"。

我正在尝试使用img标签中的src属性从本地文件夹加载图像,但我希望使用后端来加载它们。前端已经有了相对路径,即 "../assets/imgs/" ,而后端只有名称和扩展名,例如 "1.png"。虽然可以工作,但是我还是遇到了错误信息。 这正是困扰我的问题所在。 <img widt...

9得票4回答
React的webpack打包大小过大

我有一个使用React开发的网站,只有一个页面,但是生产捆绑包的大小为1.11 MiB。我在这个应用程序中使用Firestore、Firebase存储、Material-UI和React-Redux,应用程序工作良好,除了捆绑包大小之外一切都很好。 我使用webpack-bundle-a...

7得票3回答
使用vue-cli配置环境特定变量

我正在努力弄清楚如何部署使用vue-cli 3生成的vue应用程序以供生产使用。我计划将其托管为静态文件(即没有服务器端代码)。我需要根据当前环境(开发与生产)在我的代码中设置某些变量,包括api-url和身份验证信息(其中没有任何机密信息)。 最好的方法是什么? 以下是vue-cli 3...

13得票1回答
你是否提交webpack生成的文件?

最近我开始在我的Node应用中使用webpack。然而,该应用程序在client/dist/js/app.js生成一个巨大的文件,每次提交都需要相当长的时间。我想象一下,随着我的Web应用程序不断增长,情况会变得更糟。 问题是,既然你总是可以运行npm run bundle,它将在本地运行w...

7得票1回答
如何防止机密数据被包含在WebPack捆绑包中

我担心在 WebPack 或 Browserify 的 bundle 中,由于疏忽,可能会包含包含数据库密码或会话密钥等秘密的模块。 即使我不直接导入这些模块,我也可能会从客户端入口模块间接导入它们。 是否有一种方法可以将这些文件列入黑名单,以便这些打包工具拒绝对它们进行打包? 即使我们尽...

26得票14回答
重大变更:webpack < 5 默认情况下包含了node.js核心模块的polyfill。

我正在尝试在我的Laravel/Vue.js应用程序中使用Socket.io。但是当运行npm run dev时,我遇到了以下错误。 Module not found: Error: Can't resolve 'path' in '/home/nicolas/LaravelProjects...

18得票4回答
Webpack url-loader设置目标路径

我正在使用webpack的url-loader插件,并将其配置为:{ test: /\.(ttf|eot|woff|woff2|svg)$/, loader: "url-loader?limit=50000" } 它将文件输出到文件系统中, 但是我找不到设置目标路径的方法。 ...