我一直在使用 VScode 开发容器以角度方式开发模拟应用程序。为此，我创建了一个 docker，并使用“添加开发容器配置文件”选项创建了 devcontainer.json。
除了 Angular 的实时重新加载功能之外，一切都运行良好。因此，我被迫停止服务并使用 ngserve 命令再次运行它。
以下是我使用过的示例 docker 文件
FROM node:alpine
RUN npm install -g @angular/cli
EXPOSE 80
devcontainer.json
// For format details, see https://aka.ms/devcontainer.json. For config options, see the README at:
// https://github.com/microsoft/vscode-dev-containers/tree/v0.194.3/containers/docker-existing-dockerfile
{
"name": "Existing Dockerfile",
// Sets the run context to one level up instead of the .devcontainer folder.
"context": "..",
// Update the 'dockerFile' property if you aren't using the standard 'Dockerfile' filename.
"dockerFile": "../Dockerfile",
// Set *default* container specific settings.json values …我有一个Ionic项目,我使用外部工具来处理Coffee和SCSS.默认情况下,Ionic项目中的livereload监视所有内容.我可以在哪里改变这个？
我正在尝试gulp-livereload使用我的nodejs服务器.我gulp-nodemon用来在更改文件后重启服务器,这是有效的.我livereload.reload()在正确的时间调用时遇到问题.
我目前正在调用livereload.reload()的.on('start'...我gulpfile.js(每当我的nodemon启动脚本).这可行,但需要几秒钟.原因是当nodemon开始运行它调用脚本的NodeJS livereload.listen() 前的脚本已经调用app.listen(port),所以我没有在服务器浏览器refreshs准备好.
有没有办法监听nodejs nodemon脚本是否已调用app.listen(port)或者可能监听是否正在使用特定端口？
我已经解决了一个小睡眠的问题,但它只是感觉如此错误和肮脏.
我正在尝试创建一个使用电子重新加载和webpack进行实时重新加载的电子和角度应用程序。在我的package.json文件中，我先建立有角度的，然后运行电子，该电子运行主要过程并引导成角度的。为了启动该应用程序，我在单独的终端中一个接一个地运行命令：npm start和npm run electron。
应用程序正确启动；但是，当我向文件添加更改时，我的应用程序的电子部分保持不变，但我的应用程序的角部分丢失了。请帮忙。
{
"scripts": {
...
"start": "webpack --watch ",
...
"build-electron": "ng build --base-href . && tsc src\\electron\\electron-main.ts --outDir dist && tsc src\\electron\\logger.ts --outDir dist && tsc src\\electron\\application-menu.ts --outDir dist && copy src\\electron\\package.json dist && copy src\\electron\\*.html dist",
"electron": "npm run build-electron && electron ./dist --serve"
},
...
}
Folder PATH listing for volume Windows
Volume serial number is 000000B3 D831:A351
C:.
| .angular-cli.json
| .editorconfig
| .gitattributes …我有一个 Web 项目，其中使用webpack-dev-server了启用 HMR的工作 Webpack4 配置，并通过 npm 脚本以这种方式启动：
cross-env NODE_ENV=development webpack-dev-server --inline --hot
一切正常，HMR 适用于我的 js 和 scss 文件。现在我想知道是否可以扩展我的 Webpack 配置以在我修改视图模板文件时在浏览器中完全重新加载。
对我来说似乎不能自己webpack-dev-server做到这一点，所以我想我需要一些其他的插件。在谷歌搜索了一下之后，这是我得到的：
所以我的问题是，使用 Webpack 4(.17.2) 获得 HMR + watch 给定路径并在文件更改（blade/twig/php/etc...）时重新加载浏览器的最佳方法是什么？
我当前配置的相关部分：
devServer: {
index: '',
open: true,
hotOnly: true,
publicPath: '/build/',
host: 'mysite.test',
proxy: {
'**': {
target: 'http://mysite.test',
changeOrigin: true,
headers: {
'X-Dev-Server-Proxy': 'http://mysite.test'
}
}
}
}
由于某种原因，nest start --watch 没有监视任何非打字稿资产。尽管我完全遵循了该文档所说的内容：https://docs.nestjs.com/cli/monorepo#assets我似乎无法弄清楚这一点。我在标准模式和单一回购模式下尝试过，但没有成功。我开始了一个新项目只是为了展示我所看到的。
巢——版本：7.5.1
运行命令时：npm run start:dev我希望每次更新 html 文件时都会看到“检测到增量文件更改”消息，并且应用程序会重新加载，但在初始应用程序加载后没有任何反应。在初始应用程序加载时，文件确实会复制到 dist 文件夹，所以这很好，但我希望当我开发和更新这些文件时，应用程序也应该重新加载，但它似乎只适用于打字稿文件。我是否误解了这应该做什么？
这是 Nest-cli.json：
{
"collection": "@nestjs/schematics",
"sourceRoot": "src",
"compilerOptions":{
"assets": ["**/*.html"],
"watchAssets": true
}
}
有任何想法吗？？
我正在使用Grunt用罗盘编译我的CSS并触发浏览器livereload.这些是我的观察任务:
watch: {
styles: {
options: {
spawn: false,
},
files: [assetsDir + '/**/*.scss', '!**/*.{dev,min}.scss'],
tasks: [
'concat:styles',
'compass:styles',
'imagemin:styles',
'cssmin:styles',
'clean:styles',
],
},
scripts: {
options: {
spawn: false,
},
files: [assetsDir + '/**/*.js', '!**/*.{dev,min}.js'],
tasks: [
'concat:scripts',
'uglify:scripts',
],
},
livereload: {
options: {
livereload: true,
spawn: false,
},
files: [assetsDir + '/**/*.{dev,min}.{css,js}'],
},
},
目前,在样式任务完全完成之前,livereload任务不会触发,但是imagemin可能会增加一些重要的延迟,而我真正关心的是CSS,只要指南针完成就可以使用了.
如何在指南针完成后立即触发livereload,但允许其他任务继续进行？我尝试了下面的配置,当CSS改变时触发imagemin,但它似乎不起作用.由于某种原因,这个imagemin根本不会触发.你能不能看到同一个文件的多个任务吗？
watch: {
styles: {
options: {
spawn: false,
},
files: [assetsDir + '/**/*.scss', '!**/*.{dev,min}.scss'],
tasks: [
'concat:styles',
'compass:styles',
'cssmin:styles',
'clean:styles',
], …我正在尝试使用nitrous.io上的一个简单的node.js示例.我几乎只是跟着角度模板的yeoman教程.我必须将我的localhost修改为0.0.0.0并将我的liveReload端口更改为4000.我还必须使用--force命令运行grunt服务器,因为我收到以下错误:
Warning: Command failed: /home/action/workspace/node-test/node_modules/grunt-open/node_modules/open/vendor/xdg-open: 1: /home/action/workspace/node-test/node_modules/grunt-open/node_modules/open/vendor/xdg-open: xdg-mime: not found
在跳过这些障碍之后,实时重新加载似乎不起作用.我的"盒子"是否需要安装xdg-mime或xdg-utils才能使用？文件观察程序似乎注意到更改,但在任何js轮询后网页不会更新.
(我是所有这些技术的新手,但似乎这个教程示例应该有效)
编辑:在Sindre的帮助下, 我不再拥有,现在显然很简单(后见之明),缺少xdg-mime的问题,但我确实有一个问题,实时重新加载不工作
我正在使用Rails作为我的API,AngularJS在前面,我有一些问题让livereload/grunt connect代理正常工作.
这是我的gruntfile的片段:
connect: {
options: {
port: 9000,
// Change this to '0.0.0.0' to access the server from outside.
hostname: 'localhost',
livereload: 35729
},
proxies: [
{
context: '/api',
host: 'localhost',
port: 3000
}
],
livereload: {
options: {
open: true,
base: [
'.tmp',
'<%= yeoman.app %>'
],
middleware: function (connect, options) {
var middlewares = [];
var directory = options.directory || options.base[options.base.length - 1];
// enable Angular's HTML5 mode
middlewares.push(modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png$ /index.html [L]']));
if (!Array.isArray(options.base)) {
options.base = [options.base]; …嗨我在上一个开发人员离开公司之后已经分配了一个现有的运行项目.我只是从github克隆了该项目并进行了捆绑.在运行项目时,我在浏览器控制台上收到以下错误.
WebSocket connection to 'ws://localhost:35729/livereload' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
这是我上任的第一天,它毁了我.
这是我的宝石文件内容
group :development do
gem 'guard-livereload', require: false
gem 'rack-livereload'
gem 'rb-fsevent', require: false
gem 'guard-rspec', require: false
gem 'annotate'
gem 'zeus', '0.15.1'
gem 'i18n-tasks', '~> 0.6.2'
gem 'quiet_assets'
gem 'better_errors'
end
在开发中.rb我也是这一行
# Automatically inject JavaScript needed for LiveReload
config.middleware.insert_after(ActionDispatch::Static, Rack::LiveReload)
我不知道是什么问题.我是否需要为LiveReload运行单独的服务器？任何建议将不胜感激.谢谢
livereload ×10
node.js ×4
gruntjs ×3
angular ×2
webpack ×2
browser-sync ×1
electron ×1
gulp ×1
nestjs ×1
nitrousio ×1
web-services ×1
yeoman ×1