使用vue-cli3.0打包项目的一些操作记录

最新推荐文章于 2024-07-05 11:36:09 发布

负者歌于途，

最新推荐文章于 2024-07-05 11:36:09 发布

阅读量299

点赞数

分类专栏： Vue 文章标签： html

本文链接：https://blog.csdn.net/qq_36893984/article/details/106367269

版权

Vue 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

主要是对vue.config.js文件的一些操作

1.首先是打包出来的js文件里面包含的有.map文件，首先需要去除，map文件的作用据说的为了可以报错

module.exports = {
    lintOnSave: false,
    // 打包出来的js，css文件地址
    publicPath: './',
    //打包出来的文件夹名字
    outputDir: "d",
    //打包出来的文件不包含map文件
    productionSourceMap: false,
    //通过cdn引入下面的文件
    configureWebpack: {
        externals: {
            'vue': 'Vue',
            // 'vue-router': 'VueRouter',
            'router': 'VueRouter',
            'axios': 'axios',
            'vant': 'vant'
                //包名 ： 全局变量
        }
    },
}

2.cdn文件的操作

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.8/lib/index.css" />

    <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->

    <script src="https://51gzdhh.xyz/static/web/axios.min.js"></script>

    <script src="https://cdn.bootcss.com/vue-router/2.5.3/vue-router.min.js"></script>

    <script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/vant@2.8/lib/vant.min.js"></script>

3.发现vendors.js文件里面的有一个less依赖很大，具体的操作主要当时安装的时候就是安装在了项目依赖里面，我做的方法是打包的时候直接指数掉了less文件，然后还可以直接把nodemodule文件删除了，重现安装

加油