I would like to save my unrelated files to Github and run CircleCI webpack later to compile it. I can't seem to get this to work ...
machine: node: version: 5.10.1 dependencies: override: - npm install - npm install webpack -g - webpack test: override: - npm test deployment: staging: branch: master heroku: appname: heroku-app-123
Webpack seems to be running because I get the following result in CircleCI:
Hash: db00c1
e4b7e0aa25c885 Version: webpack 1.12.14 Time: 10581ms Asset Size Chunks Chunk Names /images/iphone.png 79.9 kB [emitted] /images/macbook.png 117 kB [emitted] /images/temp.png 16.1 kB [emitted] bundle.js 2.38 MB 0 [emitted] main style.css 19.9 kB 0 [emitted] main [0] multi main 52 bytes {0} [built] ...
But, unfortunately, nothing is displayed during deployment, which tells me that the web package did not actually start. If I run the webpack command locally and clicked on Github, everything will be fine, but I don’t want to rely on me, remembering how to compile my application before clicking.
Is my step in building web pages just in the wrong place? How to solve this?
My webpack.config.js file looks like this:
var path = require('path') var webpack = require('webpack') var ExtractTextPlugin = require('extract-text-webpack-plugin') var autoprefixer = require('autoprefixer') module.exports = { devtool: 'eval', entry: [ 'webpack-dev-server/client?http://localhost:3000', 'webpack/hot/only-dev-server', './app/index' ], output: { path: path.join(__dirname, 'static'), filename: 'bundle.js', publicPath: '' }, plugins: [ new ExtractTextPlugin('style.css', { allChunks: true }), new webpack.HotModuleReplacementPlugin() ], module: { loaders: [ { test: /\.js$/, loaders: ['babel'], exclude: /node_modules/, include: path.join(__dirname, 'app') }, { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass') }, { test: /\.(png|jpg)$/, loader: 'file?name=/images/[name].[ext]' } ] }, resolve: { extensions: [ '', '.js', '.scss' ], modulesDirectories: [ 'app', 'node_modules' ] }, postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ] }