2 different css bundles based on folder location (compiled from less \w webpack) -


we developing webapplication custom cms dashboard in react.

our basic folder structure looks this:

src   -client     -app       -less        ...     -cms       -less        ...    -server -webpack-config     -development        -client.js        -server.js     -production

what trying achieve sounds simple: struggling getting work.

the less-files in app/less && cms/less should each bundled seperate css file.

this way can load correct css file based on main component gets loaded in react (app / cms dashboard ). styling our cms totally different our app.

our current webpack config client:

var path  = require('path'); var webpack  = require('webpack'); var htmlwebpackplugin = require('html-webpack-plugin'); var extracttextplugin = require('extract-text-webpack-plugin'); var htmlcompressionplugin = require('html-compression-webpack-        plugin');  module.exports = {     cache: true,     entry: path.resolve(__dirname, '../../src/client/index.js'),     devtool: 'eval',     output: {         path: path.resolve(__dirname, '../../build/public'),         pathinfo: true,         filename: 'client.js',         publicpath: "/"     },      module: {         rules: [         {             test: /\.js$/,              exclude: path.resolve(__dirname, '../../node_modules'),             use: [{                 loader: 'babel-loader?cachedirectory=true',                 options: {                     "babelrc": false,                     "presets": [                     ["es2015",{"modules": false}],                     "react",                     "stage-0"                     ],                     "plugins": [                     "transform-react-constant-elements",                     "transform-react-inline-elements",                     "transform-react-remove-prop-types"                     ],                     "compact": false                 }             }]         },         {             test: /\.less$/,             loader: extracttextplugin.extract({                 notextractloader: "style-loader",                 loader: "css-loader?sourcemap?minimize!less-loader?   sourcemap",                 publicpath: "/"             })         },         {             test: /\.(gif|png|jpe?g)$/i,             use: 'url-loader?limit=50000'         }         ]     },     plugins: [     new webpack.optimize.uglifyjsplugin({         compress: {             warnings: false,             screw_ie8: false,             conditionals: false,             unused: false,             comparisons: false,             sequences: false,             dead_code: false,             evaluate: false,             if_return: false,             join_vars: false         },         output: {             comments: true         },         sourcemap: true     }),     new webpack.defineplugin({         'process.env': {             'node_env': '"development"'         }     }),new htmlwebpackplugin({                template: path.resolve(__dirname,       '../../src/client/app/public/index.html'),         inject: 'body',         filename: 'index.html',         hash: false,         cache: true,         minify: {},         alwayswritetodisk: true     }),     new extracttextplugin("[contenthash].css"),     new htmlcompressionplugin({         deleteoriginals: false,         assetsrelativeoutputdirectory: '../../build/public',         minratio: 1     })     ] }

any tips , welcome: in advance!

to generate multiple bundles css files, can create js file requires css files , add inside entry property of wepack config. after can use extracttextwebpackplugin generate single css files. see so answer code.


Comments

Post a Comment

Popular posts from this blog

'hasOwnProperty' in javascript -

i use obj.hasownproperty judge whether object has property, when replaced obj[prop] !== undefined , not normal implementation, ask, why behind method can not use it? object.hasownproperty(prop); object[prop] !== undefined; obj[prop] !== undefined wrong 2 reasons: you can explicitly set property undefined , obj[prop] = undefined; . obj.hasownproperty(prop) return true in case. obj[prop] follow prototype chain, return property that's inherited. obj.hasownproperty(prop) returns true if property exists directly in object, returns false inherited properties.
Read more

python - ValueError: No axis named 1 for object type <class 'pandas.core.series.Series'> -

i´m new programming. i´m trying use scipy minimize, had several issues , gotten through of them. right code, i'm not understanding why i´m getting error. par_opt = so.minimize(fun=fun_obj, x0=par_ini, method='nelder-mead', args=[series_pt_cal, dt, series_caudal_cal]) not enough info given op, somewhere in code it's specified operate data frame column (axis=1) on object pandas series. if code typically works occasional gives errors, check degenerative cases data frame may have 1 row. pandas has nasty habit of guessing want -- may decide reduce 1-row data frame series (e.g., apply() function; can disable using reduce=false in there). add line of code check object isinstance(df, pd.dataframe) or else convert offending pandas series data frame, s.to_frame().t problems had deal with.
Read more

java - How to provide dependency injections in Eclipse RCP 3.x? -

everyone! i'm trying deal eclipse rcp 3.x application. i've read lot of articles dependency injection in rcp e4 applications. can use di in rcp 3.x apps? i found perfect link di in e4. idea how use in rcp 3.x app? first of all, i'm interested in own objects injection (btw, how add own object application context?). best regards in 3.x code can ieclipsecontext necessary use contextinjectionfactory using ieclipsecontext workbenchcontext = platformui.getworkbench().getservice(ieclipsecontext.class); to workbench context. in view or editor can current part context using: ieclipsecontext partcontext = getsite().getservice(ieclipsecontext.class);
Read more