前端自动化笔记

webpack

webpack.config.js中：

__dirname 是被执行的js 文件的地址

npm

npm install msbuild:

• 会把msbuild包安装到node_modules目录中
• 不会修改package.json
• 之后运行npm install命令时，不会自动安装msbuild

npm install --save:

• 会把msbuild包安装到node_modules目录中
• 会在package.json的dependencies属性下添加msbuild
• 之后运行npm install命令时，会自动安装msbuild到node_modules目录中
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中

npm install --save-dev:

• 会把msbuild包安装到node_modules目录中
• 会在package.json的devDependencies属性下添加msbuild
• 之后运行npm install命令时，会自动安装msbuild到node_modules目录中
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，不会自动安装msbuild到node_modules目录中

使用原则:

运行时需要用到的包使用--save，否则使用--save-dev。

node的NODE_ENV作用:

通过NODE_ENV可以来设置环境变量（默认值为development）。
一般我们通过检查这个值来分别对开发环境和生产环境下做不同的处理。可以在命令行中通过下面的方式设置这个值：

• linux & mac: export NODE_ENV=production
• windows: set NODE_ENV=production
• Webpack:

  plugins: [
      new webpack.DefinePlugin({
          'process.env': {
              NODE_ENV: JSON.stringify('development')
          }
      })
  ]

Route Matching

<Route path="/hello/:name">         // matches /hello/michael and /hello/ryan
<Route path="/hello(/:name)">       // matches /hello, /hello/michael, and /hello/ryan
<Route path="/files/*.*">           // matches /files/hello.jpg and /files/hello.html
<Route path="/**/*.jpg">            // matches /files/hello.jpg and /files/path/to/file.jpg