For about a day now, I am trying to figure out why bootstrap glyphicons aren't showing up in my production builds.
Than I have checked ./config.js to see what gets ignored. As I have removed the ignore statement, all the bootstrap fonts were exported correctly.
I have tried to remove the ignored paths one by one, in the end I have realized that if I remove: |icons the fonts get exported.
...
building: {
// arch: 'ia32',
arch: 'x64',
asar: false,
dir: path.join(__dirname, 'app'),
icon: path.join(__dirname, 'app/icons/icon'),
// ignore: /node_modules|src|index.ejs|icons/,
ignore: /node_modules|src|index.ejs/, // <--- fonts are exported if ' \icons ' is ommited
out: path.join(__dirname, 'builds'),
overwrite: true,
platform: process.env.PLATFORM_TARGET || 'all'
}
}
main.js:
import Vue from 'vue'
import Electron from 'vue-electron'
import Resource from 'vue-resource'
import Router from 'vue-router'
import App from './App'
import routes from './routes'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
Vue.use(Electron)
Vue.use(Resource)
Vue.use(Router)
Vue.config.debug = true
const router = new Router({
scrollBehavior: () => ({ y: 0 }),
routes
})
/* eslint-disable no-new */
new Vue({
router,
...App
}).$mount('#app')