问题标签 [webpack-dev-server]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1201 浏览

sass - 无法在 React Webpack 中同时导入 SASS 和 SCSS

如标题所述,我不能同时导入 scss 和 sass 文件。

然后所有部分和依赖项都必须是 .scss 否则它将不起作用。如果我尝试导入 sass 部分,它将无法正常工作。一些依赖项在 scss 中有基本文件,在 sass 中有变量等。

一个例子是字体真棒。他们的基础文件是 font-awesome.scss 并从中导入 _variables.sass 等。

这是我的 webpack 配置文件。

我有 sass-loader 和 node-sass 模块。这是显示的错误。它正试图将波旁威士忌加载为 sass。

提前致谢。

0 投票
4 回答
52791 浏览

webpack - 找不到模块:错误:无法解析模块“服务器”

我尝试使用 webpack 来管理我的项目中的文件。我使用webpack-dev-serverbower-webpack-plugin。当我运行服务器时,我在浏览器控制台中收到错误。

找不到模块:错误:无法解析模块“服务器”

webpack.config.js

编辑:现在我在没有bower-webpack-plugin 的情况下使用这个 webpack 配置

包.json

浏览器控制台输出

索引.html

鲍尔.json

0 投票
1 回答
2797 浏览

reactjs - Webpack、React 热加载器和多个条目

在进行热模块替换时,我见过的所有示例都将条目作为字符串数组。

当您有多个条目时,它是如何工作的?我尝试了以下方法,但仍然收到Uncaught exception: HMR is disabled消息。

网络包配置:

0 投票
9 回答
19051 浏览

unit-testing - 由于 webpack 中的 css,Mocha 测试失败

我是 Mocha 的新手,我正在尝试用它来测试一个简单的 React 组件。如果 React 组件没有任何 CSS 样式,则测试将通过,但如果 R​​eact 组件中的标签包含任何 className,则会引发语法错误:

测试.react.js

测试.jsx

测试将通过:

在我在输入标签中添加了 className 之后,出现了一个错误:

测试结果:

我在网上搜索过,但到目前为止还没有运气。我错过了什么吗?请帮助我或指出我正确的方向将不胜感激。我目前正在使用:
Node Express Server
React
React-router
Webpack
Babel
Mocha
Chai
Sinon
Sinon-Chai

0 投票
5 回答
34236 浏览

webpack - Webpack-dev-server 不生成源映射

我使用babel-loader,但不知道如何生成或在哪里找到转译文件的源映射。我试过了eval-source-map,,,inline-source-mapsource-map

webpack.config.js

包.json

编辑://

毕竟这个webpack.config.js和这个package.json对我有用。

编辑2://

现在我使用这个 webpack 配置

0 投票
1 回答
5441 浏览

html - webpack如何使用自己的jade文件?

我是 webpack 的新手,并试图弄清楚如何在 webpack-dev-server 中使用我自己的 html 文件,以及我的 webpack 构建。

在我的 app.js 中,我有:

require('!jade!index.jade')

但这并不index.html像我期望的那样。相反,似乎充其量我可以得到我的 html 的字符串输出,这不是我想要的:

如何让它输出 index.html 文件?如何让 webpack-dev-server 使用该 html 文件?

我还应该提到我的玉文件可能会引用手写笔文件

0 投票
0 回答
1942 浏览

webpack - Webpack 通过 gulp 热重载,publicPath 导致问题

我似乎无法让热重载功能为我正常工作。每当我进行更新时,我都会收到以下错误消息:

获取http://localhost:9090/cd0492f7657672ef15e4.hot-update.json 404(未找到)
[HMR] 无法应用更新。需要完全重新加载!
[HMR](可能是因为重启了 webpack-dev-server)

我很确定这是因为当我去的时候publicPath: '/js/',我得到一个 404 但是当我去的时候我可以找到文件。gulpfile.jshttp://localhost:9090/cd0492f7657672ef15e4.hot-update.jsonhttp://localhost:9090/js/cd0492f7657672ef15e4.hot-update.json

但是publicPath: '/js/'需要,app.js所以我不知道如何解决它,有什么想法吗?

webpack.config.js

gulpfile.js

0 投票
1 回答
872 浏览

webpack - webpack 如何加载 react-router/lib/HashHistory 或 react-router/lib/BrowserHistory?

我正在尝试使用 webpack-dev-server 和 react-router 启动和运行。我的麻烦是我似乎无法加载基本页面 - 我的主文件如下所示:

我有一个标准的 webpack.config.js。

webpack 如何从 'react-router/lib/HashHistory' 加载任何内容?该路由器不会在 HDD 上产生任何物理文件。那是从哪里加载的?这可能只是这个问题所暗示的最新测试版的一个问题吗?

0 投票
3 回答
6994 浏览

reactjs - react & webpack 热加载器。“等待根加载...重新加载检查器”

刚刚更新了对 0.13.3 的反应,现在我在 Chrome 反应开发人员工具中收到以下消息:"waiting for roots to load...to reload the inspector"和一个按钮说“单击此处”。


如果我点击按钮,同样的事情。

仅供参考:我正在使用 WebPack 和 webpack-dev-server。

你见过这个吗?

0 投票
2 回答
18003 浏览

npm - Mocha 测试不与 Webpack 和 mocha-loader 一起运行

背景

我正在将一些 npm 脚本移植到 Webpack 加载程序,以更好地了解 Webpack 的工作原理,并且除了我的 Mocha 测试之外,我已经完成了所有工作:我有一个失败的测试,但它没有显示 Mocha 正在mocha-loader运行失败:

在此处输入图像描述

问题

src/**/*.test.js为了让所有文件在 Webpack 中与 Mocha 一起运行,我需要做些什么不同的事情?

重现步骤

  1. 克隆https://github.com/trevordmiller/webpack-loaders-playground
  2. 运行npm test以查看测试应该如何工作
  3. 运行npm run dev以查看测试如何不使用 Webpack 运行