av/dayoff
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve asset build

Browse Source
This commit is contained in:
Anton Vakhrushev 2020-02-29 09:16:39 +03:00
parent a2d8855f28
commit a80fbfb2da
4 changed files with 1143 additions and 1207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/App.vue
View File

@ -74,7 +74,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
#app { #app {
font-family: 'Avenir', Helvetica, Arial, sans-serif; font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;

2279
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

35
package.json
View File

@ -5,29 +5,29 @@
"version": "1.0.0", "version": "1.0.0",
"description": "Homepage", "description": "Homepage",
"devDependencies": { "devDependencies": {
"@babel/core": "^7.7.2", "@babel/core": "^7.8.6",
"@babel/plugin-proposal-class-properties": "^7.5.0", "@babel/plugin-transform-runtime": "^7.8.3",
"@babel/plugin-transform-runtime": "^7.6.2", "@babel/preset-env": "^7.8.6",
"@babel/preset-env": "^7.6.3", "@babel/runtime": "^7.8.4",
"@babel/runtime": "^7.7.2", "autoprefixer": "^9.7.4",
"autoprefixer": "^9.7.0",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"core-js": "^3.6.4",
"css-loader": "^2.1.1", "css-loader": "^2.1.1",
"glob": "^7.1.6", "glob": "^7.1.6",
"mini-css-extract-plugin": "^0.6.0", "mini-css-extract-plugin": "^0.6.0",
"node-sass": "^4.13.0", "node-sass": "^4.13.1",
"postcss-loader": "^3.0.0", "postcss-loader": "^3.0.0",
"prettier": "^1.18.2", "prettier": "^1.19.1",
"qs": "^6.9.0", "qs": "^6.9.1",
"sass-loader": "^7.3.1", "sass-loader": "^7.3.1",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"underscore": "^1.9.1", "underscore": "^1.9.2",
"vue": "^2.6.10", "vue": "^2.6.11",
"vue-loader": "^15.7.1", "vue-loader": "^15.9.0",
"vue-style-loader": "^4.1.2", "vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.6.10", "vue-template-compiler": "^2.6.11",
"webpack": "^4.41.2", "webpack": "^4.41.6",
"webpack-cli": "^3.3.9" "webpack-cli": "^3.3.11"
}, },
"scripts": { "scripts": {
"build": "webpack --config webpack.config.js --progress", "build": "webpack --config webpack.config.js --progress",
@ -41,9 +41,6 @@
}, },
"dependencies": {}, "dependencies": {},
"browserslist": [ "browserslist": [
"last 5 version", "defaults"
"> 1%",
"maintained node versions",
"not dead"
] ]
} }

34
webpack.config.js
View File

@ -26,34 +26,20 @@ module.exports = (env = {}) => {
const MINI_CSS_LOADER = MiniCssExtractPlugin.loader; const MINI_CSS_LOADER = MiniCssExtractPlugin.loader;
const BABEL_LOADER = { const JS_LOADER = {
loader: 'babel-loader', loader: 'babel-loader',
options: { options: {
presets: ['@babel/preset-env'], presets: [
plugins: [ [
'@babel/plugin-transform-runtime', '@babel/preset-env',
'@babel/plugin-proposal-class-properties', { modules: false, useBuiltIns: 'usage', corejs: 3 },
],
], ],
}, },
}; };
const VUE_LOADER = { const VUE_LOADER = {
loader: 'vue-loader', loader: 'vue-loader',
options: {
loaders: {
css: [
MINI_CSS_LOADER, //'vue-style-loader',
CSS_LOADER,
POSTCSS_LOADER,
],
scss: [
MINI_CSS_LOADER, //'vue-style-loader',
CSS_LOADER,
POSTCSS_LOADER,
SCSS_LOADER,
],
},
},
}; };
return { return {
@ -69,14 +55,10 @@ module.exports = (env = {}) => {
{ {
test: /\.js$/, test: /\.js$/,
exclude: /node_modules/, exclude: /node_modules/,
use: [BABEL_LOADER], use: [JS_LOADER],
}, },
{ {
test: /\.css$/, test: /\.(scss|css)$/,
use: [MINI_CSS_LOADER, CSS_LOADER, POSTCSS_LOADER],
},
{
test: /\.scss$/,
use: [MINI_CSS_LOADER, CSS_LOADER, POSTCSS_LOADER, SCSS_LOADER], use: [MINI_CSS_LOADER, CSS_LOADER, POSTCSS_LOADER, SCSS_LOADER],
}, },
{ {