angular.js - webpack打包项目的几个问题?
本文介绍了angular.js - webpack打包项目的几个问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
最近用webpack想打包angular1.x项目,但是遇到一些问题
1、用的是angular,然后我把模板都放在views文件夹里,但是打包的时候views并没有打包到dist文件夹下,是不是我路由配置中templateUrl的路径不能直接写死啊?
//app.config.js
routing.$inject = ['$stateProvider', '$urlRouterProvider', '$locationProvider'];
export default function routing($stateProvider, $urlRouterProvider, $locationProvider){
$urlRouterProvider.otherwise('/home');
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'views/home.html',
controller: 'HomeController'
})
};
2、页面中有很多img的src在打包后路径都错了?
<img src="../img/ico_why.png"/>
用了ng-src
好像路径也是不对的
3、 用了第三方的插件,它需要配置一个插件的位置basePath
,但是打包后一样是路径错了
感觉对webpack打包路径很不清楚,各种报错啊!
解决方案
你为什么不把html模板 import 进去,用那个template:
https://github.com/hjzheng/an...
分享一段我之前写的代码:
import template from './dashboard.partial.html';
import DashboardCtrl from './DashboardCtrl';
function router($stateProvider, $urlRouterProvider) {
$stateProvider
.state('dashboard', {
url: '/dashboard',
template: template,
label: 'Dashboard',
icon: 'glyphicon-dashboard',
controller: DashboardCtrl,
controllerAs: '$ctrl'
});
$urlRouterProvider.otherwise('/dashboard');
}
router.$inject = ['$stateProvider', '$urlRouterProvider'];
export default router;
至于那个图片路径,真没研究过,我们产品主要用iconfont,所以同求答案
这篇关于angular.js - webpack打包项目的几个问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文