flipace
commented
8 years ago This is interesting - you're on the latest version right?
Could you check the contents of config/webpack/webpack.config.client.js?
Open tacone opened 8 years ago
flipace
commented
8 years ago This is interesting - you're on the latest version right?
Could you check the contents of config/webpack/webpack.config.client.js?
tacone
commented
8 years ago Yes, latest from the master, with no modifications.
config/webpack/webpack.config.client.js
const path = require('path');
const webpack = require('webpack');
const chalk = require('chalk');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const WebpackAnybarPlugin = require('webpack-anybar-plugin').default;
const basePath = path.join(__dirname, '../../source');
const buildPath = path.join(__dirname, '../../.build');
const staticPath = path.join(__dirname, '../../static');
module.exports = {
target: 'web',
context: __dirname,
cache: true,
entry: {
app: [
path.join(basePath, '/client/entry')
]
},
output: {
path: buildPath,
filename: 'client.bundle.js',
publicPath: '/static/'
},
resolve: {
extensions: ['', '.js', '.jsx', '.css'],
root: basePath,
alias: {
utils: path.join(basePath, '/utils'),
styles: path.join(basePath, '/client/styles'),
images: path.join(staticPath, 'images'),
static: path.join(staticPath)
}
},
module: {
loaders: [
{
test: /\.(jpe?g|png|gif|mp3|ogg|wav|ogv|mov|mp4|svg|ttf|eot|woff)/,
loader: 'file?limit=2000',
include: staticPath
},
{
test: /\.jsx?$/,
loader: 'babel',
include: basePath
},
{
test: /\.jsx?$/,
loader: 'script',
include: path.join(staticPath, 'vendor')
},
{
test : /\.json$/,
loader : 'json'
},
{
// vendor css can be put into the "static/vendor" folder, it won't be localized then
test: /\.(css)$/,
loader: 'style!css',
include: path.join(staticPath, 'vendor')
},
{
name: 'local-css-config',
// css inside the source folder will be localized by default. see https://github.com/css-modules/css-modules
test: /\.(css)$/,
loader: 'style!css?modules&importLoaders=1&localIdentName=[local]_[hash:base64:5]!postcss',
include: basePath
}
]
},
postcss: function postcssPlugins() {
return [
require('autoprefixer'),
require('css-mqpacker'),
require('postcss-nested'),
require('postcss-discard-comments')({
removeAll: true
})
];
},
browser: {
child_process: 'empty',
net: 'empty',
tls: 'empty',
fs: 'empty'
},
plugins: [
new ProgressBarPlugin({
format: `${chalk.blue.bold('Building client bundle')} [:bar] ${chalk.green.bold(':percent')} (:elapsed seconds)`,
renderThrottle: 100,
summary: false,
customSummary: (t) => {
return console.log(chalk.blue.bold(`Built client in ${t}.`));
}
}),
new webpack.DefinePlugin({
BUILD_TIME: JSON.stringify((new Date()).getTime())
}),
new webpack.optimize.OccurenceOrderPlugin(),
new WebpackAnybarPlugin({
port: 1738
})
]
};config/webpack/webpack.config.client.prod.js
const webpack = require('webpack');
const config = require('./webpack.config.client');
const _ = require('lodash');
module.exports = _.assign(_.clone(config), {
devtool: 'eval',
plugins: (config.plugins || []).concat([
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
}),
new webpack.NoErrorsPlugin(),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin({
compress: { warnings: false }
}),
new webpack.optimize.AggressiveMergingPlugin(),
new webpack.optimize.OccurenceOrderPlugin(true)
])
});As a side node, the development mode start correctly.
Hello :) I tried to build from the master branch:
Also: