学习笔记5（NODE_ENV，typescript 数据类型，接口，类）

1. process.env.NODE_ENV

• node 原生对象 env
• 使用 node 命令
  • 该文件可用

// NODE_ENV=development node 1.js
console.log(process.env.NODE_ENV)// development

• webpack 中使用
  • 项目中可用
  • 值中必须包含引号

// webpack.config.js
const path = require('path');
const webpack = require('webpack');

module.exports = {
   
  entry: './src/index.js',
  output: {
   
    path: path.resolve(__dirname, './'),
    filename: 'bundle.js'
  },
  mode: 'production',
  plugins: [
    new webpack.DefinePlugin({
   
      BROWSER_SUPPORTS_HTML5: true,
      TWO: '1+1',
      'typeof window': JSON.stringify('哈哈'),
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
    })
  ]
};
// package.json
"scripts": {
   
	"build": "NODE_ENV=build webpack --config webpack.config.js"
},
// bar.js
export default function bar () {
   
  console.log(process.env.NODE_ENV) // build
  console.log(BROWSER_SUPPORTS_HTML5) // true
  console.log(typeof window) // 哈哈
  console.log(TWO)  // 2
}

• vue-cli 中使用

// package.json
"scripts": {
   
	"serve-beta": "vue-cli-service serve --mode beta"
},
// .env.beta
NODE_ENV = beta
// main.js
import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false
console.log(process.env.NODE_ENV) // beta

new Vue({
   
  render: h => h(App