首页 > 解决方案 > 如何禁用缓存 babel/webpack 反应视觉工作室

问题描述

我正在使用 Visual Studio 中的 Asp.Net 核心开发 React 应用程序。我在https://blog.pusher.com/how-to-use-react-with-visual-studio-and-asp-net使用了本教程-web-api/开始,示例应用程序与 babel 和 webpack 一起使用。但是,当我运行应用程序时,我在 jsx 文件中所做的更改似乎并没有反映在浏览器上。经过一些研究,我发现 babel 缓存数据,他们的网站建议使用以下命令禁用它

BABEL_DISABLE_CACHE=1 babel-node script.js

这是链接——https: //babeljs.io/docs/en/babel-register/#babel-cache-path

我不知道该怎么做。这是我在寻求帮助之前所做的:我在我的 package.json 文件的脚本部分中包含了以下行,希望它能起作用。

“开始”:“BABEL_DISABLE_CACHE=1 babel-node script.js”

但没有运气。任何帮助将不胜感激。这是我的 package.json 文件

{
  "version": "1.0.0",
  "name": "ASP.NET",
  "private": true,
  "devDependencies": {
    "webpack": "1.13.1",
    "babel": "6.5.2",
    "babel-preset-es2015": "6.9.0",
    "babel-preset-react": "6.11.1",
    "babel-loader": "6.2.4",
    "babel-core": "6.2.4"
  },
  "dependencies": {
    "react": "15.2.1",
    "react-dom": "15.2.1"

  },
  "scripts": {
    "build": "webpack --config webpack.config.js",
    "start": "BABEL_DISABLE_CACHE=1 babel-node script.js"
  },
  "-vs-binding": { "AfterBuild": [ "build" ] }
}

标签: reactjswebpackbabeljs

解决方案


推荐阅读