nodejs学习之路（一）：创建一个项目

背景：已安装配置nodejs，IDE：vscode

1.新建目录nodeDemo
2.初始化
在vscode中右键-在命令提示符中打开，运行命令

npm init

name不能有大写字母，否则会报错

Sorry, name can no longer contain capital letters.

3.安装插件

npm install vue webpack webpack-cli babel-cli babel-loader babel-preset-es2015 html-webpack-plugin --save-dev

4.创建目录结构

5.在项目根目录下创建webpack配置文件：webpack.config.js

var webpack = require('webpack');

module.exports = {
    entry: './src/index.js', // 入口起点
    output: {
        path: __dirname + '/dist', // 输出文件夹
        filename: 'main.js' // 输出文件名
    }
}

6.配置package.json中的webpack命令

7.在src中建立测试用index.js，并编写测试代码

8.在命令行运行build命令，在dist中会生成打包的main.js

npm run build

9.出现的mode警告

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

可在配置webpack的mode后消去

10.测试结果

新建html文件，引入main.js文件测试