问题标签 [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.
sass - 无法在 React Webpack 中同时导入 SASS 和 SCSS
如标题所述,我不能同时导入 scss 和 sass 文件。
然后所有部分和依赖项都必须是 .scss 否则它将不起作用。如果我尝试导入 sass 部分,它将无法正常工作。一些依赖项在 scss 中有基本文件,在 sass 中有变量等。
一个例子是字体真棒。他们的基础文件是 font-awesome.scss 并从中导入 _variables.sass 等。
这是我的 webpack 配置文件。
我有 sass-loader 和 node-sass 模块。这是显示的错误。它正试图将波旁威士忌加载为 sass。
提前致谢。
webpack - 找不到模块:错误:无法解析模块“服务器”
我尝试使用 webpack 来管理我的项目中的文件。我使用webpack-dev-server和bower-webpack-plugin。当我运行服务器时,我在浏览器控制台中收到错误。
找不到模块:错误:无法解析模块“服务器”
webpack.config.js
编辑:现在我在没有bower-webpack-plugin 的情况下使用这个 webpack 配置
包.json
浏览器控制台输出
索引.html
鲍尔.json
reactjs - Webpack、React 热加载器和多个条目
在进行热模块替换时,我见过的所有示例都将条目作为字符串数组。
当您有多个条目时,它是如何工作的?我尝试了以下方法,但仍然收到Uncaught exception: HMR is disabled
消息。
网络包配置:
unit-testing - 由于 webpack 中的 css,Mocha 测试失败
我是 Mocha 的新手,我正在尝试用它来测试一个简单的 React 组件。如果 React 组件没有任何 CSS 样式,则测试将通过,但如果 React 组件中的标签包含任何 className,则会引发语法错误:
测试.react.js
测试.jsx
测试将通过:
在我在输入标签中添加了 className 之后,出现了一个错误:
测试结果:
我在网上搜索过,但到目前为止还没有运气。我错过了什么吗?请帮助我或指出我正确的方向将不胜感激。我目前正在使用:
Node Express Server
React
React-router
Webpack
Babel
Mocha
Chai
Sinon
Sinon-Chai
webpack - Webpack-dev-server 不生成源映射
我使用babel-loader,但不知道如何生成或在哪里找到转译文件的源映射。我试过了eval-source-map
,,,inline-source-map
。source-map
webpack.config.js
包.json
编辑://
毕竟这个webpack.config.js和这个package.json对我有用。
编辑2://
现在我使用这个 webpack 配置
html - webpack如何使用自己的jade文件?
我是 webpack 的新手,并试图弄清楚如何在 webpack-dev-server 中使用我自己的 html 文件,以及我的 webpack 构建。
在我的 app.js 中,我有:
require('!jade!index.jade')
但这并不index.html
像我期望的那样。相反,似乎充其量我可以得到我的 html 的字符串输出,这不是我想要的:
如何让它输出 index.html 文件?如何让 webpack-dev-server 使用该 html 文件?
我还应该提到我的玉文件可能会引用手写笔文件
webpack - Webpack 通过 gulp 热重载,publicPath 导致问题
我似乎无法让热重载功能为我正常工作。每当我进行更新时,我都会收到以下错误消息:
获取http://localhost:9090/cd0492f7657672ef15e4.hot-update.json 404(未找到)
[HMR] 无法应用更新。需要完全重新加载!
[HMR](可能是因为重启了 webpack-dev-server)
我很确定这是因为当我去的时候publicPath: '/js/',
我得到一个 404 但是当我去的时候我可以找到文件。gulpfile.js
http://localhost:9090/cd0492f7657672ef15e4.hot-update.json
http://localhost:9090/js/cd0492f7657672ef15e4.hot-update.json
但是publicPath: '/js/'
需要,app.js
所以我不知道如何解决它,有什么想法吗?
webpack.config.js
gulpfile.js
webpack - webpack 如何加载 react-router/lib/HashHistory 或 react-router/lib/BrowserHistory?
我正在尝试使用 webpack-dev-server 和 react-router 启动和运行。我的麻烦是我似乎无法加载基本页面 - 我的主文件如下所示:
我有一个标准的 webpack.config.js。
webpack 如何从 'react-router/lib/HashHistory' 加载任何内容?该路由器不会在 HDD 上产生任何物理文件。那是从哪里加载的?这可能只是这个问题所暗示的最新测试版的一个问题吗?
reactjs - react & webpack 热加载器。“等待根加载...重新加载检查器”
刚刚更新了对 0.13.3 的反应,现在我在 Chrome 反应开发人员工具中收到以下消息:"waiting for roots to load...to reload the inspector"
和一个按钮说“单击此处”。
如果我点击按钮,同样的事情。
仅供参考:我正在使用 WebPack 和 webpack-dev-server。
你见过这个吗?
npm - Mocha 测试不与 Webpack 和 mocha-loader 一起运行
背景
我正在将一些 npm 脚本移植到 Webpack 加载程序,以更好地了解 Webpack 的工作原理,并且除了我的 Mocha 测试之外,我已经完成了所有工作:我有一个失败的测试,但它没有显示 Mocha 正在mocha-loader
运行失败:
问题
src/**/*.test.js
为了让所有文件在 Webpack 中与 Mocha 一起运行,我需要做些什么不同的事情?
重现步骤
- 克隆https://github.com/trevordmiller/webpack-loaders-playground
- 运行
npm test
以查看测试应该如何工作 - 运行
npm run dev
以查看测试如何不使用 Webpack 运行