title: currently no loaders are configured to process this file form vuepress
body: <p>I want to import third-party libraries went I use the vuepress. I should config a rule to compile node_modules js file. but it not working. </p>
  
  <p>like this</p>
  
  <blockquote>
    <p>demo.vue</p>
  </blockquote>
  
  <pre class="lang-js prettyprint-override"><code>&lt;template&gt;
    &lt;DatePanel/&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import DatePanel from 'element-ui/packages/date-picker/src/panel/date-range.vue';
  
  export default {
    name: 'date-pick',
    components: {
      DatePanel
    }
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <blockquote>
    <p>docs/.vuepress/config.js</p>
  </blockquote>
  
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    // here is my config
    chainWebpack: (config, isServer) =&gt; {
      config.module
        .rule('compile')
        .test(/\.js$/)
        .include
        .add(resolve('node_modules/element-ui/packages'))
        .add(resolve('node_modules/element-ui/src'))
        .end()
        .exclude
        .add(resolve('node_modules/element-ui/src/utils/date.js'))
        .end()
        .use("babel-loader")
        .loader('babel-loader')
        .tap(options =&gt;
          merge(options, {
            presets: [
              '@vue/app'
            ]
          })
        );
    }
  }
  </code></pre>
  
  <blockquote>
    <p>error form devtools</p>
  </blockquote>
  
  <pre class="lang-js prettyprint-override"><code>main.js:1 Uncaught Error: Module parse failed: Unexpected token (65:6)
  You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
  |     }, this.$slots.default);
  |     const wrap = (
  &gt;       &lt;div
  |         ref="wrap"
  |         style={ style }
      at eval (main.js:1)
      at Object../node_modules/element-ui/packages/scrollbar/src/main.js (app.js:4201)
      at __webpack_require__ (app.js:770)
      at fn (app.js:130)
      at eval (index.js?2020:1)
      at Module../node_modules/element-ui/packages/scrollbar/index.js (app.js:4190)
      at __webpack_require__ (app.js:770)
      at fn (app.js:130)
      at eval (cjs.js?!./node_modules/@vuepress/core/node_modules/vue-loader/lib/index.js?!./node_modules/element-ui/packages/date-picker/src/basic/time-spinner.vue?vue&amp;type=script&amp;lang=js&amp;:3)
      at Module../node_modules/@vuepress/core/node_modules/cache-loader/dist/cjs.js?!./node_modules/@vuepress/core/node_modules/vue-loader/lib/index.js?!./node_modules/element-ui/packages/date-picker/src/basic/time-spinner.vue?vue&amp;type=script&amp;lang=js&amp; (app.js:1520)
  </code></pre>
  
  <p>How do I configure <code>chainWebpack</code> and how can I solve this problem.</p>