vue-cli 3.X打包后找不到js文件？

Question

src/assets/js下有个rem.js

但我执行了npm run build 报了一个警告

这是main.js的代码：

//rem
import rem from './assets/js/rem.js'
Vue.use(rem);

这是rem.js的代码：

fnResize()
window.onresize = function () {
    fnResize()
}
function fnResize() {
    var deviceWidth = document.documentElement.clientWidth || window.innerWidth
    document.documentElement.style.fontSize = (deviceWidth / 3.75) + 'px'
}

这是vue.config.js代码：

module.exports = {
    lintOnSave: false,
    baseUrl:'./',
    devServer: {
        port: 9001
    }
}

我感觉没问题啊，打包一直出现警告

Answer 1

直接在 main.js 里面这样写：

import './assets/js/rem.js'

Answer 2

兄弟，报错已经很明显了，你没有在rem.js里面把它export default出来
类似下面这样

export default function(){
    fnResize()
    window.onresize = function () {
        fnResize()
    }
    function fnResize() {
        var deviceWidth = document.documentElement.clientWidth || window.innerWidth
        document.documentElement.style.fontSize = (deviceWidth / 3.75) + 'px'
    }
}

Answer 3

应该是你的rem.js里没有export导出的代码，所以你在使用import时，提示了没找到export