{"id":2021,"date":"2021-08-16T19:21:06","date_gmt":"2021-08-16T11:21:06","guid":{"rendered":"https:\/\/www.yusian.com\/blog\/?p=2021"},"modified":"2021-08-16T19:21:06","modified_gmt":"2021-08-16T11:21:06","slug":"postcss%e7%9a%84%e5%9f%ba%e6%9c%ac%e4%bd%bf%e7%94%a8","status":"publish","type":"post","link":"https:\/\/www.yusian.com\/blog\/javascript\/2021\/08\/16\/1921062021.html","title":{"rendered":"postcss\u7684\u57fa\u672c\u4f7f\u7528"},"content":{"rendered":"<h3>\u5b89\u88c5\u4f9d\u8d56<\/h3>\n<pre><code class=\"language-javascript line-numbers\">\/\/ postcss\u52a0\u8f7d\u5668\nnpm install postcss postcss-loader -D\n\/\/ postcss\u63d2\u4ef6\nnpm install autoprefixer -D\n<\/code><\/pre>\n<h3>\u914d\u7f6e\u6587\u4ef6<\/h3>\n<p><code>postcss.config.js<\/code><\/p>\n<pre><code class=\"language-javascript line-numbers\">module.exports = {\n    plugins: [\n        require('autoprefixer')\n    ]\n}\n<\/code><\/pre>\n<p><code>package.json<\/code><\/p>\n<pre><code class=\"language-json line-numbers\">{\n    \"browserslist\": [\n        \"&gt; 1%\",\n        \"last 2 versions\"\n    ]\n}\n<\/code><\/pre>\n<p><code>webpack.config.js<\/code><\/p>\n<pre><code class=\"language-javascript line-numbers\">\/\/ \u5173\u952e\u90e8\u5206\u914d\u7f6e\nmodule.exports = {\n    module: {\n        rules: [{\n            test: \/\\.css$|\\.scss$\/,\n            use: [\n                'style-loader',\n                'css-loader',\n                'postcss-loader',\n                'sass-loader'\n            ]\n        }]\n    }\n}\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5b89\u88c5\u4f9d\u8d56 \/\/ postcss\u52a0\u8f7d\u5668 npm install postcss postcss-loader -D \/\/ postcss\u63d2\u4ef6 npm install autoprefixer -D \u914d\u7f6e\u6587\u4ef6 postcss.config.js module.exports = { plugins: [ require(&#8216;autoprefixer&#8217;) ] } package.json { &#8220;browserslist&#8221;: [ &#8220;&gt; 1%&#8221;, &#8220;last 2 versions&#8221; ] } webpack.config.js \/\/ \u5173\u952e\u90e8\u5206\u914d\u7f6e module.exports = { module: { rules: [{ test: \/\\.css$|\\.scss$\/, use: [ &#8216;style-loader&#8217;, &#8216;css-loader&#8217;, &#8216;postcss-loader&#8217;, &#8216;sass-loader&#8217; ] }] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[362,64,72],"class_list":["post-2021","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-postcss","tag-vue","tag-webpack"],"_links":{"self":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/posts\/2021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/comments?post=2021"}],"version-history":[{"count":0,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/posts\/2021\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/media?parent=2021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/categories?post=2021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/tags?post=2021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}