vue.js使用vue-cli打包遇到的坑,问题
2017-07-27 20:13
806 查看
1.打包的路径
config文件夹-index.js中的assetsPublicPath: './'要改为当前目录而不是'/'根目录
2.模式要去掉,不能使用html5的Historty模式
3.引入字体图标,比如font-awesome的图标路径出错, 在webpack.base.conf.js里面修改limit要改大,把10000改为90000
config文件夹-index.js中的assetsPublicPath: './'要改为当前目录而不是'/'根目录
build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './', productionSourceMap: true,
2.模式要去掉,不能使用html5的Historty模式
const router = new VueRouter({ // mode: 'history',//打包项目要把mode: history注释掉 routes // (缩写)相当于 routes: routes })
3.引入字体图标,比如font-awesome的图标路径出错, 在webpack.base.conf.js里面修改limit要改大,把10000改为90000
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 90000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') }
相关文章推荐
- 使用vue打包时vendor文件过大或者是app.js文件很大的问题
- 在使用vue-cli中遇到的几个问题
- 使用node中的express解决vue-cli加载不到dev-server.js的问题
- 使用 vue-cli 打包之后 遇到的坑
- 使用vue-cli打包过程中的步骤以及问题的解决
- vue.js使用手记——打包之后静态资源失效404问题
- 使用vue-cli打包过程中的步骤以及问题
- vue-cli打包成apk的完整方法和打包成app所遇到的问题
- 使用VS2017开发APP中使用VUE.js开发遇到打包出来的android文件 在低版本的android(4.3)中无法正常使用
- 使用ant对项目进行多渠道打包时遇到问题记录
- js 遇到的问题-使用for循环给同一个文本框赋值
- 使用exe4j把JAVA GUI程序打包成exe文件时遇到的问题
- 使用Ant自动打包项目遇到的一个问题,备案!
- 使用Xcode7.1打包上传App Store遇到的问题
- cocos2d-js打包至android时可能遇到的问题
- 使用构建工具gradle打包时,遇到的中文问题和解决方案
- ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决
- 解决android使用gson解析json字符串,并使用混淆编译方式打包apk遇到的问题
- WebView 使用JS遇到的问题
- swing中通过.class文件(把.java都删除)打包成jar文件,使用皮肤包遇到的问题。