node.js + babel + webpack でCUIプログラミングしたかった
説明すること
以下のことがしたかったので個人メモ
* Node.jsで単にコンソールで実行するプログラムを記述するためのwebpack.config.js
* .babelrcでstage-2のjavascriptを利用
個人メモなので、設定だけ記載
Webpack
webpack.config.js
var path = require('path');
module.exports = {
mode: 'development',
target: 'node',
devtool: 'source-map',
entry: [path.join(__dirname, '/src/index.js')],
output: {
path: `${__dirname}/dist`,
filename: 'main.js'
},
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}]
}
};
webpack.config.js
var path = require('path');
module.exports = {
mode: 'development',
target: 'node',
devtool: 'source-map',
entry: [path.join(__dirname, '/src/index.js')],
output: {
path: `${__dirname}/dist`,
filename: 'main.js'
},
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
}]
}
};
targetにちゃんとnodeを指定してあげないと動かなかった。
https://webpack.js.org/concepts/targets/
Bable
{
"presets": [
["env", {
"targets": {
"node": "current"
}
}],
["stage-2"]
],
"env": {
"development": {
"sourceMaps": "inline",
"plugins": ["source-map-support"]
}
}
}
{
"presets": [
["env", {
"targets": {
"node": "current"
}
}],
["stage-2"]
],
"env": {
"development": {
"sourceMaps": "inline",
"plugins": ["source-map-support"]
}
}
}
presetsにちゃんとstage-2を渡してあげる。
Author And Source
この問題について(node.js + babel + webpack でCUIプログラミングしたかった), 我々は、より多くの情報をここで見つけました https://qiita.com/wajinosuke/items/6cbb556775540d89a716著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .