![](/img/trans.png)
[英]Adding Typescript to existing React, Webpack and Babel project
[英]how to set u a react/node project with babel and webpack?
我正在嘗試使用babel和webpack設置一個新的react項目,但是它不起作用。 這是我的webpack.dev.config.js文件:
var webpack = require('webpack');
var path = require('path');
var parentDir = path.join(__dirname, '../');
module.exports = {
entry: [
path.join(parentDir, '/react_components/index.js')
],
module: {
loaders: [{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
}
]
},
output: {
path: parentDir + '/html',
filename: 'main.js'
},
devServer: {
contentBase: parentDir,
historyApiFallback: true
}
}
這是我的項目的屏幕截圖:
我收到消息說webpack已成功編譯,但main.js文件仍然為空
PS:我正在使用本教程
https://medium.com/netscape/setting-up-a-react-project-from-scratch-d62f38ab6d97
嘗試在項目目錄中運行node node_modules\\webpack\\bin\\webpack.js
,它將建立一個物理的main.js文件。
webpack-dev-server不會寫入磁盤。 它從內存提供結果。
來源: https : //github.com/webpack/webpack-dev-server/issues/24
打開package.json文件。 在內部腳本中添加"build": "webpack"
您的腳本對象本質上應該看起來像這樣:
"scripts": { "test": "echo \\"Error: no test specified\\" && exit 1", "start": "webpack-dev-server --hot", "build":"webpack" }
然后在終端上運行npm run build
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.