设置追加目录

0278af77 · 澄清寰宇 · 71531252 · 0278af77 · 0278af77 · 0278af77
9 changed file
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
    <title>scss-webpack</title>
    <title>scss-webpack <%= htmlWebpackPlugin.options.title %>
    </title>
+    <!-- <link rel="stylesheet" href="@/assets/css/index.css"> -->
 </head>

 <body>

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
    "mini-css-extract-plugin": "^2.4.2",
    "postcss": "^8.3.9",
    "postcss-loader": "^6.2.0",
+    "postcss-preset-env": "^6.7.0",
    "prettier": "^2.4.1",
    "sass": "^1.43.2",
    "sass-loader": "^12.2.0",

--- a/postcss.config.js
+++ b/postcss.config.js
+/*
+ * @Author: your name
+ * @Date: 2021-10-17 10:53:21
+ * @LastEditTime: 2021-10-21 21:26:04
+ * @LastEditors: your name
+ * @Description: In User Settings Edit
+ * @FilePath: /web/scss/postcss.config.js
+ */
 module.exports = {
  // Add you postcss configuration here
  // Learn more about it at https://github.com/webpack-contrib/postcss-loader#config-files
-  plugins: [["autoprefixer"]],
-};
+  plugins: [require("postcss-preset-env")],
+};
\ No newline at end of file
--- a/public/libs/lib.js
+++ b/public/libs/lib.js
+/*
+ * @Author: your name
+ * @Date: 2021-10-21 21:44:48
+ * @LastEditTime: 2021-10-21 21:44:54
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /web/scss/public/libs/lib.js
+ */
+define([
+    'require',
+    'dependency'
+], function (require, factory) {
+    'use strict';
+
+});
\ No newline at end of file
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
+.me.title {
+  color: #1875e7;
+  display: flex;
+}
+.me.title section {
+  flex: 1;
+}
+
+.me:full-screen {
+  color: blue;
+  transform: all 2;
+}
\ No newline at end of file
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -7,4 +7,8 @@ div.title{
    section{
        flex: 1;
    }
+}
+:full-screen{
+    color:blue;
+    transform: all 2;
 }
\ No newline at end of file
--- a/stats.json
+++ b/stats.json
--- a/webpack.config.js
+++ b/webpack.config.js
 /*
 * @Author: your name
 * @Date: 2021-10-16 21:01:00
- * @LastEditTime: 2021-10-19 21:30:06
+ * @LastEditTime: 2021-10-27 20:54:59
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /web/scss/webpack.config.js
@@ -122,7 +122,7 @@ const config = {
        }),
        new CopyWebpackPlugin({
            patterns: [{
-                from: path.resolve(__dirname, './public/*.ico'),
+                from: path.resolve(__dirname, './public/'),
                to: "./"
            }, ],
        }),
@@ -151,7 +151,9 @@ const config = {
                test: /\.s[ac]ss$/i,
                use: [stylesHandler, {
                    loader: "css-loader",
-
+                    options: {
+                        importLoaders: 1
+                    }
                }, {
                    loader: "postcss-loader",
                }, {
@@ -163,12 +165,16 @@ const config = {
            {
                test: /\.css$/i,
                use: [{
+                        loader: "style-loader",
+                    }, {
                        loader: stylesHandler,
                    }, {
                        loader: "css-loader",
-
+                        options: {
+                            importLoaders: 1
+                        }
                    },
-                    MiniCssExtractPlugin.loader,
+
                    {
                        loader: "postcss-loader",
                        options: {
@@ -194,11 +200,13 @@ const config = {
                                    ]
                                  }
                                 */
-                                require('postcss-preset-env')()
+                                require('postcss-preset-env')
                            ]
                        }
-                    }
+                    },
+                    MiniCssExtractPlugin.loader,
                ],
+                // include: path.resolve(__dirname, './src/assets/css')
            },
            {
                test: /\.(eot|svg|ttf|woff|woff2)$/i,