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

Command prompt result in label. Python 2.7 -

i want put result(output) of shell command label. command works, label shows "0", however, in command prompt, result shown correctly, need showed in label. doing ubuntu. myg1 = button(root, text="rodyti informacija", command=lambda: gauti()) myg1.pack(side=bottom) def gauti(): imti = tekstas.get("1.0", "end-1c") info = subprocess.call("id '{imti}' ".format(imti=imti), shell=true) w = label(root, text= info) w.pack(side = bottom) subprocess.call() returns exit code of process created (in case 0 success). if want text output of process, should instead call subprocess.check_output() .
Read more