Update webpack config
This commit is contained in:
parent
7cfb6e330f
commit
f0090230b3
|
@ -1,47 +0,0 @@
|
||||||
import React, {Component} from 'react';
|
|
||||||
import jsonfile from 'jsonfile';
|
|
||||||
|
|
||||||
export default class Post extends Component {
|
|
||||||
|
|
||||||
static blogPost;
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
super();
|
|
||||||
var dataPath = path.join(process.cwd(), 'src/helpers/data.json');
|
|
||||||
jsonfile.readFile(dataPath, function(err, data) {
|
|
||||||
if (err) throw err;
|
|
||||||
|
|
||||||
for (var i = 0; i < data.posts.length; i++) {
|
|
||||||
var val = data.posts[i];
|
|
||||||
|
|
||||||
if (val.filename === this.props.match.params.post) {
|
|
||||||
blogPost = val;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}.bind(this));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
render () {
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="content">
|
|
||||||
<div className="post-header">
|
|
||||||
<h1>
|
|
||||||
{blogPost.title}
|
|
||||||
</h1>
|
|
||||||
<span>
|
|
||||||
{blogPost.published}
|
|
||||||
</span>
|
|
||||||
{ if (blogPost.updated) {
|
|
||||||
<span>{ blogPost.updated }</span>
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
<div className="post-content" dangerouslySetInnerHTML={{__html: blogPost.body}}>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,19 +1,12 @@
|
||||||
|
|
||||||
const { resolve, join } = require('path')
|
const { resolve, join } = require('path')
|
||||||
const webpack = require('webpack')
|
const webpack = require('webpack')
|
||||||
const ExtractTextPlugin = require('extract-text-webpack-plugin')
|
|
||||||
|
|
||||||
const config = {
|
const config = {
|
||||||
context: resolve(__dirname, 'src'),
|
context: resolve(__dirname, 'src'),
|
||||||
entry: {
|
entry: {
|
||||||
bundle: [
|
bundle: [
|
||||||
'./app-client.js'
|
'./app-client.js'
|
||||||
],
|
|
||||||
'vendor/js': [
|
|
||||||
'react',
|
|
||||||
'react-dom',
|
|
||||||
'redux',
|
|
||||||
'react-redux'
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
output: {
|
output: {
|
||||||
|
@ -32,22 +25,35 @@ const config = {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.css$/,
|
test: /\.css$/,
|
||||||
use: ExtractTextPlugin.extract({
|
|
||||||
use: [
|
use: [
|
||||||
|
'style-loader',
|
||||||
{
|
{
|
||||||
loader: 'css-loader',
|
loader: 'css-loader',
|
||||||
options: {
|
options: {
|
||||||
modules: true,
|
modules: true,
|
||||||
importLoaders: 1,
|
importLoaders: 1,
|
||||||
localIdentName: '[name]_[local]___[hash:base64:5]'
|
localIdentName: '[name]__[local]___[hash:base64:5]'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
loader: 'postcss-loader'
|
loader: 'postcss-loader'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
},
|
||||||
}
|
{test: /\.scss$/,
|
||||||
|
use: [{
|
||||||
|
loader: "style-loader" // creates style nodes from JS strings
|
||||||
|
}, {
|
||||||
|
loader: "css-loader" // translates CSS into CommonJS
|
||||||
|
}, {
|
||||||
|
loader: "sass-loader" // compiles Sass to CSS
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.(png|jpg)$/,
|
||||||
|
exclude: /node_modules/,
|
||||||
|
loader: 'url-loader'
|
||||||
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
|
@ -57,11 +63,6 @@ const config = {
|
||||||
// this assumes your vendor imports exist in the node_modules directory
|
// this assumes your vendor imports exist in the node_modules directory
|
||||||
return module.context && module.context.indexOf('node_modules') !== -1
|
return module.context && module.context.indexOf('node_modules') !== -1
|
||||||
}
|
}
|
||||||
}),
|
|
||||||
new ExtractTextPlugin({
|
|
||||||
filename: '[name].css',
|
|
||||||
disable: false,
|
|
||||||
allChunks: true
|
|
||||||
})
|
})
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue