在使用webpack配置Web应用程序以创建最佳开发体验时,我仍然是一个新手.我参加了两个不同的Node-React课程; 我们使用nodemon跟踪更改的另一个,以及我们实现热重新加载的另一个.
当谈到这两个依赖关系时,它是一个还是另一个？它们应该一起使用,还是有点多余？
另外,如果我在客户端使用带有React的快速服务器,我是否使用react-hot-loader,webpack-hot-middleware或两者兼而有之？我对使用热重新加载采用哪种方法感到困惑,因为似乎有很多方法可以做到这一点.
此外,当我使用nodemon作为包装器(nodemon --exec babel-node server.js)时,我的热模块重新加载不起作用,但我仍然发现自己想要一种轻松重启服务器的方法.
多谢你们.
我应该通过导入相对路径还是通过引用文件 URL 来加载节点中的照片，以及如何从相对路径正确加载照片？
目前我正在使用 express 提供静态文件：
server.use(express.static(__dirname + '/../public'));
并通过引用文件 URL 加载照片：
<img src='/images/tom.jpg'/>
我有一个 webpack 配置设置为在 (png|jpg|gif) 上使用文件加载器，并且 webpack 文档说，使用文件加载器，您可以从相对路径 ( https://webpack.js.org)导入照片/loaders/file-loader/#src/components/Sidebar/Sidebar.jsx）：
import img from './file.png'
使用此配置（这是我正在使用的配置）：
module.exports = {
module: {
rules: [
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'file-loader',
options: {}
}
]
}
]
}
}
但是，当我尝试从其相对路径导入图像时：
//import
import img from '../../public/images/tom.jpg';
//render
<img src={img}/>
我收到此错误：
/Users/ryan/Desktop/Df/Coding/ryanchacon.io/node_modules/babel-core/lib/transformation/file/index.js:590 抛出错误；^
语法错误：/Users/ryan/Desktop/Df/Coding/ryanchacon.io/public/images/tom.jpg：意外字符“？” (1:0)
1 | ？？？
但是如果我发出“从相对路径导入”，启动我的服务器，然后添加相对导入，图像将从其相对路径加载。但是，如果我重新启动服务器，错误会再次抛出。
因此，我引用文件 URL 来解决此错误，但我不确定如何使用我的 webpack/node 配置从它们的相对路径正确加载文件。
目前，我正在运行 node v8.6.0、webpack …
我正在尝试从 CSV 中获取数据并将其放入 JSON 格式的顶级数组中。
目前我正在运行此代码：
import csv
import json
csvfile = open('music.csv', 'r')
jsonfile = open('file.json', 'w')
fieldnames = ("ID","Artist","Song", "Artist")
reader = csv.DictReader( csvfile, fieldnames)
for row in reader:
json.dump(row, jsonfile)
jsonfile.write('\n')
CSV 文件的格式如下：
| 1 | Empire of the Sun | We Are The People | Walking on a Dream |
| 2 | M83 | Steve McQueen | Hurry Up We're Dreaming |
其中= 第 1 列：ID | 第 2 栏：艺术家 | 第 3 栏：歌曲 …