当使用Ag-Grid的sass/webpack时,如果无法解析相对路径,可以尝试以下几种解决方法:
npm install ag-grid-community ag-grid-react
module.exports = {
// ...
resolve: {
alias: {
"@ag-grid-community/core": path.resolve(__dirname, "node_modules/ag-grid-community/dist/ag-grid-community.cjs.js"),
"@ag-grid-community/react": path.resolve(__dirname, "node_modules/ag-grid-react/lib/agGridReact.cjs.js"),
},
},
// ...
};
这样可以将Ag-Grid的模块路径映射到正确的文件位置。
@import "~ag-grid-community/src/styles/ag-grid.scss";
@import "~ag-grid-community/src/styles/ag-theme-alpine/sass/ag-theme-alpine-mixin.scss";
这样可以正确引入Ag-Grid的样式文件。
@import "./styles/ag-grid.scss";
@import "./styles/ag-theme-alpine.scss";
然后确保在webpack中正确配置了sass-loader。
通过以上方法,你应该能够解决Ag-Grid的sass/webpack无法解析相对路径的问题。