webpack模板引用外部css,Webpack CSS模块和角度模板

试图用我的角度/离子项目设置webpack CSS模块。是否有可能将我的CSS模块类定义正确地附加到外部模板而不是内联模板？Webpack CSS模块和角度模板

当我硬编码我的模板到路径正常工作：

var styles = require('./css.css')

module.exports = function(ngModule) {

ngModule.config(function ($stateProvider, $urlRouterProvider) {

$stateProvider

.state('tab.two', {

url: '/two',

views: {

'module-two': {

template:`

Welcome to Module Two

`,

controller: 'TwoCtrl'

}

}

})

})

}

有没有办法，虽然只是要求我的模板到

var styles = require('./css.css')

module.exports = function(ngModule) {

ngModule.config(function ($stateProvider, $urlRouterProvider) {

$stateProvider

.state('tab.two', {

url: '/two',

views: {

'module-two': {

template:require('./myTemplate.html'),

controller: 'TwoCtrl'

}

}

})

})

}

我想我可能需要设置我的webpack.config不同，但我不确定。

var webpack = require('webpack');

var path = require('path');

module.exports = {

entry: './index.js',

output: {

filename: 'bundle.js',

},

module: {

loaders: [

{test: /\.js$/, loader: "ng-annotate!babel", exclude: /node_modules/},

{test: /\.html$/, loader: "raw", exclude: /node_modules/},

{test: /\.json$/, loader: "json", exclude: /node_modules/},

{

test: /\.css$/,

loader: "style!css-loader?modules&localIdentName=[name]__[local]___[hash:base64:5]",

exclude: [

path.resolve(__dirname, 'node_modules')

]

}]

}

};