2
私はlocalhost 8080をdevサーバとして実行していて、それは大丈夫です。私はCSSのスタイルをチェックしています。はい、JavaScriptは自動的に存在しますが、実際のdoc htmlは編集したものと同じものですが、ファイルツリーで編集したものは、スタイルやJavaScriptが自動的に書き込まれません。私のウェブパック 。 config.jsは以下の通りである私はwebpackを設定しましたが、出力htmlとlocalhost 8080のhtmlは同じではありません
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin=require('extract-text-webpack-plugin');
//var CommonsChunkPlugin=require('webpack/lib/optimize/CommonsChunkPlugin');
module.exports = {
devtool: 'eval',
context: path.join(__dirname, 'src'),
entry: {
app: './app/app.js',
about: './about/about.js',
//vendors:['jquery']
},
output: {
path: path.join(__dirname, 'dist'),
filename: '[name].bundle.js'
},
module: {
preLoaders: [
{
test: /\.js?$/,
include: path.join(__dirname, 'src'),
loader: 'jshint-loader'
}
],
loaders: [
{
test: /\.(js|jsx)$/,
loader: 'babel-loader',
include: path.join(__dirname, 'src'),
exclude: /node_module/,
query: {
presets: ['es2015', 'react', 'stage-1']
}
},
{
test: /\.css$/,
loader: 'css-loader',
include: path.join(__dirname, 'src', 'css'),
},
{
test: /\.scss$/,
loader:'style-loader!css-loader!sass-loader',
include: path.join(__dirname, 'src')
},
{
test: /\.(png|jpg)$/,
loader: 'url-loader?limit=8192',
include: path.join(__dirname, 'src', 'images')
},{
test:/\.jpg$/,
loader:'file-loader'
},
{
test: /\.(woff2?|svg)$/,
loader: 'url-loader?limit=10000',
include:path.join(__dirname, 'src')
},
{
test: /\.(ttf|eot)$/,
loader: 'file-loader',
include:path.join(__dirname, 'src')
}
]
},
jshint: {
'esnext': true
},
devServer: {
contentBase: path.join(__dirname, 'dist'),
inline: true,
stats: {
colors: true,
reasons: true,
chunks: false
}
},
plugins: [
new HtmlWebpackPlugin({
template: path.join(__dirname, 'src', 'index.html'),
hash: true,
chunks: ['app']
}),
new HtmlWebpackPlugin({
template: path.join(__dirname, 'src', 'index.html'),
hash: true,
filename: 'about.html',
chunks: ['about']
})
//new CommonsChunkPlugin({
// name:['commons','vendors','bootstrap']
//})
],
watch: true
};