热部署调试命令:
webpack-dev-server --progress --config webpack.config.js --inline --content-base .
webpack.config.js(配置文件):
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');
const path = require('path');
/* devtool: 'cheap-module-eval-source-map', */
/*devtool: 'source-map',*/
module.exports = {
devtool: 'source-map', #用热部署调试 可以直接删除此项 -------------加快webpack 编译速度
entry: ['./src/app/app.js',
'webpack-hot-middleware/client?reload=true',
'webpack-material-design-icons'
],
devServer: {
hot: true, 此项添加 会导致 html 修改没法刷新到页面-----不影响js修改的热部署
},
path: path.resolve(__dirname, 'target/generated-resources/public/static'),
publicPath: '/',
filename: 'bundle.js',
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
tinycolor: "tinycolor2",
tv4: "tv4",
moment: "moment"
}),
new CopyWebpackPlugin([
{ from: './src/thingsboard.ico', to: 'thingsboard.ico' }
]),
new webpack.HotModuleReplacementPlugin(),
new HtmlWebpackPlugin({
template: './src/index.html',
filename: 'index.html',
title: 'ThingsBoard',
inject: 'body',
}),
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.NoErrorsPlugin(),
new ExtractTextPlugin('style.[contentHash].css', {
allChunks: true,
}),
new webpack.DefinePlugin({
THINGSBOARD_VERSION: JSON.stringify(require('./package.json').version),
'__DEVTOOLS__': false,
'process.env': {
NODE_ENV: JSON.stringify('development'),
},
}),
],
node: {
tls: "empty",
fs: "empty"
},
module: {
loaders: [
{
test: /\.jsx$/,
loader: 'babel',
exclude: /node_modules/,
include: __dirname,
},
{
test: /\.js$/,
loaders: ['ng-annotate', 'babel'],
exclude: /node_modules/,
include: __dirname,
},
{
test: /\.js$/,
loader: "eslint-loader?{parser: 'babel-eslint'}",
exclude: /node_modules|vendor/,
include: __dirname,
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader'),
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader!sass-loader'),
},
{
test: /\.less$/,
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader!less-loader'),
},
{
test: /\.tpl\.html$/,
loader: 'ngtemplate?relativeTo=' + (path.resolve(__dirname, './src/app')) + '/!html!html-minifier-loader'
},
{
test: /\.(svg)(\?v=[0-9]+\.[0-9]+\.[0-9]+)?$/,
loader: 'url?limit=8192'
},
{
test: /\.(png|jpe?g|gif|woff|woff2|ttf|otf|eot|ico)(\?v=[0-9]+\.[0-9]+\.[0-9]+)?$/,
loaders: [
'url?limit=8192',
'img?minimize'
]
},
],
},
'html-minifier-loader': {
caseSensitive: true,
removeComments: true,
collapseWhitespace: false,
preventAttributesEscaping: true,
removeEmptyAttributes: false
}
};