沒有webpack.config.js如何配置less ??安裝配置less必看

首先咱們最新建立的項目;不管是vue或者react項目,你都找不到webpack.config.js,甚至沒有原來的build文件夾,那咱們如何配置less或者jq這種插件呢?接下來進入正題javascript

配置less

1.安裝less less-loadercss

 打開咱們的項目目錄,打開CMD終端,安裝命令以下vue

yarn add less less-loader

或者

npm install less less-loader

2.git commit一下java

git add .react

git commit -m 'xx'webpack

3. yarn eject生成config目錄及你想要的webpack.config.jsgit

在CMD終端 命令行輸入:web

yarn eject

成功的話會出現config文件夾 npm

4.打開config/webpack.config.js 修改三處less

第一處:

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

第二處:

{
    loader: require.resolve('less-loader'),
    options: lessOptions,
 },

第三處:

{
              test: lessRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                sourceMap: isEnvProduction && shouldUseSourceMap,
              }),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                sourceMap: isEnvProduction && shouldUseSourceMap,
                modules: true,
                getLocalIdent: getCSSModuleLocalIdent,
              }),
            },

接下來重啓項目 成功!

相關文章
相關標籤/搜索