[ vue-cli3 | typescript ] moment 全局引入

第一步:引入包

 1. npm引入

npm install moment

  配置 vue.config.js 

const webpack = require('webpack')

module.exports = {
 configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        moment: 'moment'
      })
    ]
  }
}

 2. cdn引入

<!--在HTML文件中加入-->
<script src="//cdn.bootcss.com/moment.js/2.24.0/moment.min.js"></script>

  配置 vue.config.js 

module.exports = {
 configureWebpack: {
    externals: {
      moment: 'moment'
    },
  }
}

第二步:配置 TypedDefinition 類型定義文件

在一個 .d.ts 中加入類型聲明

declare var moment: typeof import('moment')

第三步:無需再引用,全局任意使用 moment

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章