重複的事情讓機器來作，簡化的思想

咱們的工做是幹什麼的？程序是幹什麼的？

答案是解決問題。

---

今天忽然被喚醒了，像是武學菜鳥的頓悟。咱們所討厭某些框架，討厭作某些事情，也許是由於重複。

細細想來，讓重複的事情變得簡單，不是頗有意思嗎。

今天看了下 vue-cli 中 build 的一段代碼（來源於 基於webpack3 的 vue-cli）

// generate loader string to be used with extract text plugin
  function generateLoaders (loader, loaderOptions) {
    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]

    if (loader) {
      // loader = stylus/less/sass
      // loaderOptions = 咱們本身作的一些其餘配置
      // 這裏的最底層都用了 css-loader，至關於咱們本身不用重複寫這些東西
      // 
      loaders.push({
        loader: loader + '-loader',
        options: Object.assign({}, loaderOptions, {
          sourceMap: options.sourceMap
        })
      })
    }

    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }

它呢，能夠讓咱們簡單地配置 stylus-loader/less-loader，我想，這樣一段代碼，簡化了 webpack 的配置，也許，它就是 parcel 和 webpack4 的一些思想，它就是簡化的思想。

重複的事情讓機器來作，回想起在萬科的科技部門實習的時候，部門 Leader 說過的一句話。

Gulp的做用主要是打包的自動化，重複的事情，壓縮代碼，用機器來作，提高了生產力。

又想起了看 Express 中的官網的東西，最近複習的時候反而回憶起之前作過的一些蠢事

app.route('/book')
  .get(function (req, res) {
    res.send('Get a random book')
  })
  .post(function (req, res) {
    res.send('Add a book')
  })
  .put(function (req, res) {
    res.send('Update the book')
  })

上面是 Express 官網示範的一些 API 接口，而我記得我曾經寫的時候卻將之一個個拆分，這其中多餘的部分徹底能夠用這種結構寫的。

---

工做效率，代碼的優雅，也許都靠這一些些簡化。

complete.