Asp.Net Core 模块化引入

基于Node.js进行前端开发时，可以使用import 加载模块，但在Asp.Net Core等项目中，只能引用链接。现在，可以使用importmap进行模块文件映射，代码如下：

    <script type="importmap">
        {
          "imports": {
            "vue": "./lib/vue/dist/vue.esm-browser.js"
          }
        }
    </script>

importmap只支持chrome核心的浏览器，chrome和Edge，如果使用FireFox，需要使用es-module-shim:

    <script async src="https://ga.jspm.io/npm:es-module-shims@1.5.4/dist/es-module-shims.js"></script>

这样，在网页上直接开发时，也可以使用模块化的开发方法。，注意script的类型需要指明为module：

    <script type="module">
        import { createApp } from 'vue'

        createApp({
          data() {
            return {
              message: 'Hello Vue!'
             }
           }
         }).mount('#app')
    </script>