-
0 votesanswersviews
scss文件不在源映射中 - webpack
我有一个webpack配置,在使用babel编译它们后服务于缩小的js和css . 我使用scss然后使用sass,postcss,css loader转换它们 . 我无缘无故得到这个错误 . ERROR in C:/Development/cxd-addon-iss/digital-spearhead/digital-ui/src/~/css-loader?{"minimize&quo... -
1 votesanswersviews
Webpack不捆绑在依赖JS文件中导入的节点模块
我正在使用Webpack捆绑我的ReactJS应用程序 . helloworld.js import React from 'react'; export default class HelloWorld extends React.Component { render() { return <h2>Hello {this.props.name}!</h... -
5 votesanswersviews
多项目构建和使用webpack动态加载模块
我有一个可能很大的Angular 2应用程序,我们将它分成多个部分(它可以被视为WebPack术语中的bundle) . 此外,我们将分别构建和部署它们 . 因此,可以从主应用程序动态加载应用程序的不同部分(不在同一Web应用程序中 - 可以在不同物理主机上的多个运行服务中) . Webpack捆绑速度非常快且很好 . 但正如我从输出中所知,它使用复杂的内部格式(使用映射到实际路径/名称的模块编号... -
0 votesanswersviews
webpack-dev-server配置问题
我正在尝试为我的项目入门套件进行配置 . 我假设的项目结构如下所示: .................................................. ..DIST---- bundle.js node_modules ... SRC---- main.js 的index.html 的package.json webpack.config.js................... -
5 votesanswersviews
Webpack:如何设置webpack-dev-server和Hot Reload
当我运行 npm run watch 命令时,我想 Hot Reloading . (我希望它能够工作,因为它在使用_1739616时工作 - 当你运行 npm run dev 命令时:https://vue-loader.vuejs.org/en/features/hot-reload.html) . 所以,我已经安装了 webpack-dev-server 这就是我尝试过的: packag... -
0 votesanswersviews
Vue.js Webpack-Dev-Server CSS URL
我正在将Vue.js集成到一个多页PHP应用程序(非SPA)我正在使用vue-cli webpack模板 . 只对默认模板进行的修改是添加多个入口点(用于为多个页面生成多个脚本) 对于我的开发环境,我使用docker-compose并提供VIA我的灯栈页面,并在单独的实例上运行Webpack-dev-server并链接webpack-dev-server生成的JS文件 . (*我的设置图) 我的问... -
3 votesanswersviews
针对多个入口点的不同解析
现在我设法设置了一个webpack配置和webpack-dev-server(hotload),同时管理我所有的子项目/插件 . 但是,我希望能够解析每个子项目的文件夹,例如 /components ,以避免长的相对路径 . 这可能吗? 我有以下文件夹结构 -/ MyProject -/ node_modules -/ plugin1 -/ node_modules - p... -
1 votesanswersviews
vue / webpack不会将CSS注入html
我一直在尝试让我的自定义webpack配置工作 . 生产环境 工作很好,但开发虽然我认为它转换CSS,但不包括在文档中 . 这是我的开发配置,我认为没有任何相关的共同和prod设置所以我会跳过它们 . 我正试图通过postcss管它 . const merge = require('webpack-merge'); const common = require('./webpack.common... -
1 votesanswersviews
如何在webpack-dev-server中分离index.html和资产?
我想拥有以下构建文件夹结构: /build/index.html /build/static/bundlename.js /build/static/bundlename.css / build / static / img / * / build / static / fonts / * 我怎样才能实现这一目标?我已经通过添加/静态前缀来解决这个问题,因为对于webpac... -
2 votesanswersviews
Webpack dev-server - 如何使用更新的资产提供静态文件?
所以我的问题是,当我去 http://localhost:8080/webpack-dev-server/ 时,我可以让webpack提供目录列表 . 如果我修改了dev服务器路径,那么它不会对bundle进行任何更改 . 我想要一个非常简单的设置 . 把应用程序中的所有内容,执行js变换,然后在dist中提供 . index.html 如何适合它? 我有以下目录结构: app index... -
3 votesanswersviews
使用webpack提供公共静态文件
我很难按照自己的意愿配置webpack . 我在 localhost:8080 上运行我的开发服务器,并希望通过 localhost:8080/static/js/bundle.js 提供我的应用程序,这就是我用这个webpack.config.js文件得到的所有我已经附加了我想要提供 dist/static 中的其他文件作为静态文件,所以 localhost:8080/static/css/st... -
0 votesanswersviews
Angular 2 webpack api代理
我正在使用Angular 2 Webpack . 我正在使用localhost:8000 / app提供我的应用程序 . 我想为我的api Build 一个代理服务器,这样他们就不会从localhost服务,而是从网址提供服务 . 通过参考https://webpack.github.io/docs/webpack-dev-server.html上的解决方案,它什么都不做 . 我对代理的webpa... -
1 votesanswersviews
为什么webpack HMR需要模块路径中的当前目录?
我的webpack配置编译得很好,但是当我尝试使用热模块替换编辑我的CSS(手写笔)文件时,它会崩溃并出现此错误: 错误在./node_modules/css-loader!./node_modules/stylus-loader!./src/pages/login/login.styl模块构建失败:错误:ENOENT:没有这样的文件或目录,打开'/ vagrant / client /src/... -
0 votesanswersviews
Webpack dev服务器尝试连接到错误的URL
每当我试图让它有机会成为我的朋友时,我就遇到了webpack的问题!这次我正在尝试使用react-hot-loader,webpack和webpack-dev-server启用热模块重新加载,但似乎webpack-dev-server试图在浏览器中获取错误的URL . 这是Chrome v50控制台的错误: GET http://public/info?t=1464117419740 net:... -
2 votesanswersviews
Babel / Webpack - Hot Reloading Confusion的配置?
我一直在研究ReactJS,我已经经历了很多模块生态系统(Webpack,Babel,React)等 . 我对webpack配置有一些了解,我已经完成了基本配置 . 见下文 const Path = require('path'); const Webpack = require('webpack'); const envs = require('../utils/env'); const Pos... -
2 votesanswersviews
带有React Hot Loader的Webpack Dev Server
我有一个webpack配置,它本身就很完美 . 我正在尝试按照建议安装React Hot Loader和HMR,这需要webpack-dev-server . 在这里,我无法让它发挥作用 . 我无法找到我的捆绑所在的位置 . 我希望它只是 localhost:3000 . 我的 webpack.config.js : var webpack = require('webpack'); var p... -
0 votesanswersviews
反应热加载程序不更新更改
我正在使用react-hot-loader v3,但它无法正常工作 . 它会监听服务器上的更新,但不会显示更改,而是会收到警告 log-apply-result.js?d762:11 [HMR]以下模块无法热更新:(需要完全重新加载!) 下面是我的webpack配置 webpack.local.config.js var path = require("path") var... -
12 votesanswersviews
Redux - 如何在热重载期间保持reducer状态
我使用React Redux Webpack WebpackDevserver . 一旦热启动器启动,我的所有减速器都将重置为初始状态 . 我能以某种方式保持我的减速器处于实际状态吗? 我的Webpack配置包含: entry: [ "./index.jsx" ], output: { filename: "./bundle.js" }, m... -
7 votesanswersviews
React Webpack HMR正在刷新页面(不是热装)
我在使反应热的webpack加载器正常工作时遇到了一些麻烦 . 当我加载页面时,我得到以下内容,如我所料: [HMR]等待来自WDS的更新信号... [WDS]启用热模块更换 . 但是当我保存更改时,页面会自动刷新浏览器(而不是HMR替换) . //webpack.config.js { entry: { client: 'webpack-dev-server/client?h... -
0 votesanswersviews
为什么这个基本的webpack热模块更换工作?
在阅读Dan Abramov的Medium post之后,我尝试了使用webpack的非常基本的HMR(没有react-hot-loader) . Entry index.js import React from 'react'; import { render } from 'react-dom'; import App from './App'; if(module.hot) { //... -
5 votesanswersviews
未满足的对等依赖webpack@3.6.0
我试图在项目上运行npm install,它无法解析webpack包 . 我已经关注了谷歌和这里发现的大多数其他问题答案 . 我已经完全清理了nodejs npm文件的计算机,再次通过以下答案:How to completely remove node.js from Windows Unmet Peer Dependency angular 2.3.0 rxjs zone.js 我试图在全局范围... -
4 votesanswersviews
使用webpack生成静态CSS文件
我目前正在开发一个使用不同前端主题的应用程序 . 这些主题只是CSS文件,可由用户选择 . 从技术上讲,这些主题是.scss文件,它们由webpack编译并通过angular中的标准link-tag加载: <link rel="stylesheet", ng-href="themes/{{theme}}.css"> 我剥离的webpack配置如下... -
2 votesanswersviews
React Router(v3)重定向不重定向到新位置
我有这样的路由器设置: import React from 'react'; import {IndexRoute, NotFoundRoute, Route, Redirect} from 'react-router'; import App from './components/app'; import Home from './components/Home'; import Author... -
3 votesanswersviews
如何配置Webpack dev服务器以在通过其他服务器运行其余站点时为特定文件夹提供服务?
一些快速背景: 我公司的网站运行CMS,CMS处理所有路由 . 没有html文件,只有剃刀文件(.cshtml) . 虽然从头开始重做网站是我更喜欢做的,但它不是一个选项,所以我试图通过逐页整合vue.js与webpack开发工作流程来逐步实现网站的现代化 . 基础 . 我花了很多时间设置webpack,只允许它处理在/ dist /文件夹中找到的文件 - 其他一切都通过http://my.ser... -
53 votesanswersviews
Webpack-dev-server编译文件,但不刷新或使编译的javascript可供浏览器使用
我正在尝试使用webpack-dev-server编译文件并启动一个开发Web服务器 . 在我的 package.json 中,我将脚本属性设置为: "scripts": { "dev": "webpack-dev-server --hot --inline", } 所以 --hot 和 --inline 应该启用网络服务器和热重... -
0 votesanswersviews
Webpack-dev-server在src-file旁边创建js文件,而不是编译成目标bundle-file
即将使用webpack for angular 2设置工作流程 . 到目前为止,一切正常,将打字稿文件编译成目标文件 . 此外,webpack-dev-server运行良好,并将目标文件自动编译为soons,因为我对其中一个src文件进行了更改 . 但是:它不仅将目标文件编译成目标文件,dev-server还会在更改后的source-ts文件旁边创建一个js文件 . 这有点烦人,因为我想保持src... -
2 votesanswersviews
如何将外部可访问文件夹添加到webpack dev服务器
我开始使用webpack(vue-cli webpack安装),在我的项目中我有2个文件夹(pdfview和imgview) . 我的webpack配置是vue-cli模板中的默认配置,我还没有修改(只为sass和fonts添加了一些加载器) . 这两个文件夹是文档查看器(一个用于PDF,另一个用于图像文件),它们以这种方式工作: [domain] /pdfview/viewer.html?fil... -
2 votesanswersviews
开发服务器Vue.js中的vue路由器(历史模式)问题 - “无法GET / config”
我只是想用full webpack template设置我的vue项目,使用vue路由器并将不同的URL链接到不同的组件 . src/router/index.html 如下: import Vue from 'vue'; import Router from 'vue-router'; // eslint-disable-next-line import Home from '../pages/... -
0 votesanswersviews
如何在Vue-CLI Web服务器中添加静态JS文件路由?
我需要绕过vue-cli(Webpack Dev Server)中默认出现的web-server的特定Javascript文件,以便我可以直接从浏览器打开js文件 . 它适用于Firebase Messaging Service Worker,因此它需要位于根目录中 . 例如 . http://localhost:8080/firebase-messaging-sw.js -
0 votesanswersviews
如何有条件地在Vue应用程序的头部添加代码
我使用Vue CLI制作了一个简单的Vue应用程序,现在我想在html的头部添加Google Tag Manager代码,仅限于 生产环境 版本 . 我可以使用像php这样的服务器端语言来做这个,所以我尝试将index.html更改为index.php,但是当我构建项目时,它会输出一个index.html注入应用程序,而index.php没有注入应用程序dist文件夹 . php代码也不能与vu...