as3 urlloader php交互 jsion,angular2,webpack_angular2+webpack 打包templateUrl 的html，angular2,webpack - p...

angular2+webpack 打包templateUrl 的html

想用webpack把模块里templateUrl的html文件像打包stylesUrl一样打包

这是webpack.config.js的代码：

/**

* Created by lxy on 2016/8/24.

*/

var webpack = require('webpack');

var HtmlWebpackPlugin = require('html-webpack-plugin');

var ExtractTextPlugin = require('extract-text-webpack-plugin');

var helpers = require('./helpers');

module.exports = {

entry: {

'polyfills': './src/polyfills.ts',

'vendor': './src/vendor.ts',

'app': './src/main.ts'

},

resolve: {

extensions: ['', '.js', '.ts']

},

module: {

loaders: [

{

test: /\.ts$/,

loaders: ['ts', 'angular2-template-loader']

},

{

test: /\.html$/,

loader: 'html'

},

{

test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,

loader: 'file?name=assets/[name].[hash].[ext]'

},

{

test: /\.css$/,

exclude: helpers.root('src', 'app'),

loader: ExtractTextPlugin.extract('style', 'css?sourceMap')

},

{

test: /\.css$/,

include: helpers.root('src', 'app'),

loader: 'raw'

}

]

},

plugins: [

new webpack.optimize.CommonsChunkPlugin({

name: ['app', 'vendor', 'polyfills']

}),

new HtmlWebpackPlugin({

template: 'src/index.html'

})

]

};

这是webpack.dev.js的代码

/**

* Created by lxy on 2016/8/24.

*/

var webpackMerge = require('webpack-merge');

var ExtractTextPlugin = require('extract-text-webpack-plugin');

var commonConfig = require('./webpack.common.js');

var helpers = require('./helpers');

module.exports = webpackMerge(commonConfig, {

devtool: 'cheap-module-eval-source-map',

output: {

path: helpers.root('dist'),

publicPath: 'http://localhost:8080/',

filename: '[name].js',

chunkFilename: '[id].chunk.js'

},

plugins: [

new ExtractTextPlugin('[name].css?aaaa')

],

devServer: {

historyApiFallback: true,

stats: 'minimal'

}

});

这是app.component.ts的代码

/**

* Created by lxy on 2016/8/26.

*/

import { Component } from '@angular/core';

import '../../public/css/styles.css';

// var appUrl=require('./app.component.html');

@Component({

selector: 'my-app',

templateUrl:'src/app/app.component.html',

styleUrls: ['src/app/app.component.css']

})

export class AppComponent { }

相关阅读:

如何控制ngrepeat输出的个数

js中return false、return、return true有什么区别呢？

关于node性能的问题

微信打开的网页，如果禁止图片长按弹出菜单

IOS我现在有一个获得经纬度的案例。手机可以得到经纬度。但ipad不行 为什么呢？

上传一副宽度超过主界面区域的图片时显示效果比较差，有没有办法？

命令行执行commit 忘记加参数-m,然后弹出一个svn-commit.tmp.如何退出呢

Android中内存泄漏的问题

前端js的ajax 调用PHP写的API接口，如何卡主安全性，防止非法调用呢？

binary tree implemention

无法用代码获取到NSLayoutAttributeTrailing的值为什么？

angularJS依赖注入的标准

Docker中镜像和容器的关系是什么？

crontab的问题

oauther2.0可以用来设计接口权限控制吗

国内语言和工具源推荐

EasyRecyclerView 下面的cardView 没有水波纹效果

Twitter每条限制140个字有什么典故吗？

Android如何实现背景圆角的文字效果？

异步处理导致的Can\'t set headers after they are sent？?