angular.js - webpack打包項目的幾個問題?
問題描述
最近用webpack想打包angular1.x項目,但是遇到一些問題1、用的是angular,然后我把模板都放在views文件夾里,但是打包的時候views并沒有打包到dist文件夾下,是不是我路由配置中templateUrl的路徑不能直接寫死啊?
//app.config.jsrouting.$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='http://www.b3g6.com/img/ico_why.png'/>
用了ng-src好像路徑也是不對的
3、 用了第三方的插件,它需要配置一個插件的位置basePath,但是打包后一樣是路徑錯了
感覺對webpack打包路徑很不清楚,各種報錯啊!
問題解答
回答1:你為什么不把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,所以同求答案
相關文章:
1. javascript - requestAnimationFrame如何控制幀速?2. android glide asbitmap 在baseadpter中的問題3. 這是什么情況???4. webgl - android上類似汽車之家的3d全景照片怎么實現5. java如何高效讀寫10G以上大文件6. 求救一下,用新版的phpstudy,數據庫過段時間會消失是什么情況?7. php - 微信開發驗證服務器有效性8. mysql - 連續的24條sql語句,一條條查,還是union all好?9. 網頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統?10. PHP類封裝的插入數據,總是插入不成功,返回false;

網公網安備