icedream
/
dash-wooden-clock
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Build CSS into separate files.

master
Icedream 2018-08-24 11:00:50 +02:00
parent 4380c81a02
commit 9212ec83cd
Signed by: icedream
GPG Key ID: 1573F6D8EFE4D0CF
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -18,6 +18,7 @@
"eslint-plugin-import": "^2.14.0", "eslint-plugin-import": "^2.14.0",
"file-loader": "^2.0.0", "file-loader": "^2.0.0",
"html-webpack-plugin": "^3.2.0", "html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.4.2",
"mkdirp": "^0.5.1", "mkdirp": "^0.5.1",
"npm-run-all": "^4.1.3", "npm-run-all": "^4.1.3",
"resolve-url-loader": "^2.3.0", "resolve-url-loader": "^2.3.0",

6
webpack.config.babel.js
View File

@ -1,6 +1,7 @@
import HtmlWebpackPlugin from 'html-webpack-plugin'; import HtmlWebpackPlugin from 'html-webpack-plugin';
import CspHtmlWebpackPlugin from 'csp-html-webpack-plugin'; import CspHtmlWebpackPlugin from 'csp-html-webpack-plugin';
import ScriptExtHtmlWebpackPlugin from 'script-ext-html-webpack-plugin'; import ScriptExtHtmlWebpackPlugin from 'script-ext-html-webpack-plugin';
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
import path from 'path'; import path from 'path';
@ -18,6 +19,7 @@ export default (env, { mode }) => {
}, },
plugins: [ plugins: [
new MiniCssExtractPlugin(),
new HtmlWebpackPlugin({ new HtmlWebpackPlugin({
template: './src/index.html', template: './src/index.html',
inject: 'head', inject: 'head',
@ -66,7 +68,7 @@ export default (env, { mode }) => {
{ {
test: /\.css$/i, test: /\.css$/i,
use: [ use: [
'style-loader', MiniCssExtractPlugin.loader,
{ {
loader: 'css-loader', loader: 'css-loader',
options: { options: {
@ -81,7 +83,7 @@ export default (env, { mode }) => {
{ {
test: /\.styl$/i, test: /\.styl$/i,
use: [ use: [
'style-loader', MiniCssExtractPlugin.loader,
{ {
loader: 'css-loader', loader: 'css-loader',
options: { options: {

8
yarn.lock
View File

@ -3453,6 +3453,14 @@ mimic-fn@^1.0.0:
version "1.2.0" version "1.2.0"
resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022" resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
mini-css-extract-plugin@^0.4.2:
version "0.4.2"
resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.2.tgz#b3ecc0d6b1bbe5ff14add42b946a7b200cf78651"
dependencies:
loader-utils "^1.1.0"
schema-utils "^1.0.0"
webpack-sources "^1.1.0"
minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1: minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
version "1.0.1" version "1.0.1"
resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7" resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"